title: How do I convert my entire div data into image and save it into directory without using canvas?
body: <p>i have already created my data (template-containing image,text,label etc) inside div now i want to convert it into image format. is there any technique to convert a specific div content into images without using canvas.anybody plz help me !
  i want to convert entire "mydiv" content into image and save that image into my image directory, when i click on save ? </p>
  
  <pre><code>&lt;html&gt;
    &lt;header&gt;
    &lt;/header&gt;
    &lt;body&gt;
      &lt;label&gt; Template Design&lt;/label&gt;
      &lt;div id="mydiv"&gt;
        &lt;label&gt; Good Morning&lt;/label&gt;
        &lt;img src="mug.png" id="img1" height="100" width="100"  /&gt;
      &lt;/div&gt;
      &lt;input name="save" type="button" value="SAVE" /&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>