title: convert div to single image with canvas-javascript css
body: <p>I try to convert content div below to a single image downloadable How is the piece with the canvas or other code after convert show Download Image button
  how i do it </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code> #content{
            position: absolute;
            width: 300px;
            height: 200px;
            border: 5px solid red;
            overflow: hidden;
        }
        #img1{
            width: 300px;
            height: 200px;
                   position: absolute;
            z-index: 5;
      
        }
        #img2{
            position: absolute;
            z-index: 6;
            
             width: 150px;
            height: 190px;
        }
        #img3{
            position: absolute;
            z-index: 7;
            width: 200px;
            height: 100px;
            
            
        }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="content"&gt;
      &lt;img id="img1" src="http://www.completeleasing.co.uk/media/sector%20images/software-2.jpg"&gt;
      &lt;img id="img2" src="http://www.ipwatchdog.com/wp-content/uploads/2015/08/programing-software.jpg"&gt;
       &lt;img id="img3" src=" http://www.sikich.com/blog/image.axd?picture=%2F2014%2F04%2FTeam.jpg"&gt;
     
      &lt;/div&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
      &lt;input type="button" value="convert div to image"&gt;&lt;br&gt;
      &lt;h3&gt;result:&lt;/h3&gt;</code></pre>
  </div>
  </div>
  </p>