title: Making images draggable to HTML5 Canvas, moving images out of canvas
body: <p>I'm trying to make a custom avatar maker, where my users can drag &amp; drop images to the position they want (clothes etc. I take the image urls from database based on what they own). Then they can save the look as png image to my site (using php).  I have no experience on javascript/jquery but I don't think that this can be without them. So I've found amazing code for this from here:</p>
  
  <p><a href="http://www.fabiobiondi.com/blog/2012/10/export-and-save-a-screenshot-of-an-html5-canvas-using-php-jquery-and-easeljs/" rel="nofollow">http://www.fabiobiondi.com/blog/2012/10/export-and-save-a-screenshot-of-an-html5-canvas-using-php-jquery-and-easeljs/</a></p>
  
  <p>But the images are already in the canvas and can't go outside of it, which is bad considering that someone could have 100 pieces of clothing and didn't want to display them all. Also I have to make custom code for each piece, which is also bad because not all users have the same images to drag. </p>
  
  <p>Is there a way to put all images draggable (to the canvas), so I could easily add the image urls from my database as basic html/css? Is it possible that the images would be outside of the canvas first? Or should I create another canvas for the items users don't want?</p>