best way to convert a div to image? using either php, javascript or jquery
<p>I have a div containing images like so:</p>

<pre><code>&lt;div id="Created_Design"&gt;
  &lt;img src="images/image1.png" style="position: absolute; left: 8px; top: 172px;"&gt;
  &lt;img src="images/image2.png" style="position: absolute; left: 20px; top: 144px"&gt;
&lt;/div&gt;
</code></pre>

<p>I want to export this div to be an image cause im creating something like a design generator. So far what i have done is place the newly created design on new window using window.open like a preview of the design. </p>

<p>So my questions are:</p>

<ol>
<li>Can I convert this div and save it directly as an image?</li>
<li>I was thinking of exporting this to a canvas so that I can save it as an image. How can I export this to canvas?</li>
<li>Is there other way of doing this?</li>
</ol>
