title: best way to convert a div to image? using either php, javascript or jquery
body: <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>