Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You may want to consider using an HTML5 canvas ( if it is supported by the browsers you need to support ). You would then be able to use a library such as this one: <a href="http://www.nihilogic.dk/labs/canvas2image/" rel="nofollow">http://www.nihilogic.dk/labs/canvas2image/</a> For drag and drop, check out this link: <a href="http://html5.litten.com/how-to-drag-and-drop-on-an-html5-canvas/" rel="nofollow">http://html5.litten.com/how-to-drag-and-drop-on-an-html5-canvas/</a></p> <p>If you must use jQuery to support client browsers, I don't believe there is a simple way to capture the image. What you could do however is to send the coordinates, width, font, font size and font-colour of the text on the tshirt to the server, and render the picture there. You can then load this picture back in the clients browser in a confirmation dialogue before they finalize their order. If this sounds reasonable, and you have access to the server environment, then what language are you programming in? PHP? Other?</p> <p>You may also want to consider how it is that the site owner actually would create the tshirts that are made on the site. It could be that the coordinates of the text, as well as the font etc... are all he/she needs in order to make the shirt, as opposed to just a picture of what the final version should look like.</p>
    singulars
    1. This table or related slice is empty.
    1. POJquery Shirt Designer - HOW?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. This table or related slice is empty.
    1. USMike Blouin
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POJquery Shirt Designer - HOW?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    3. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COI definitely do need to be able to support most browsers. Firefox and IE10, 9, and 8 at least. The site owner owns a textiles company so he is more or less looking for an image to see how the client wanted the text. Then he will make the item as closely as possible to the image. I'm thinking your idea of re-rendering the image for the client at checkout as well as for the admin when he pulls the order is probably the best idea. I'm going to be using the codeigniter framework to code this with jquery and php. Any more thoughts. I like the track you're on.
      singulars
      1. PO
      1. USDaniel White
    2. COOkay, well until you drop IE8 support the canvas solution definitely won't work. However, seeing as you'll already know the x/y coordinates of the font, as well as the size and colour of the text, then I would recommend using something like the php ImageTTFText library available here: http://php.net/manual/en/function.imagettftext.php . You would first load up the base shirt image, then insert the text using the above library. You may also need to do a bit of math to see if all of the characters will fit on one line. I don't know if this wraps. If you need more help, I can edit my answer.
      singulars
      1. PO
      1. USMike Blouin
    3. COSo are you saying to have the client use the draggable / droppable jquery ui to drag around the text where they want it, then based on the coordinates when they hit the submit button, use the imagettftext function to basically make a static image of the shirt with the text on top. That actually sounds totally doable.
      singulars
      1. PO
      1. USDaniel White
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload