How can I save div as image at client side where div contains one or more than one HTML5 canvas elements? -


div 'canvasesdiv' element contains 3 html5 canvases.

<div style="position: relative; width: 400px; height: 300px;" id="canvasesdiv">     <canvas width="400" height="300px" style="z-index: 1; position: absolute; left: 0px; top: 0px;" id="layer1" />     <canvas width="400" height="300px" style="z-index: 2; position: absolute; left: 0px; top: 0px;" id="layer2"/>     <canvas width="400" height="300px" style="z-index: 3; position: absolute; left: 0px; top: 0px;" id="layer3"/> </div> 

how can save image combining canvases present inside div 'canvasesdiv' @ client side using javascript?

this similar previous question answered: save-many-canvas-element-as-image

in summary: draw of canvases 1 of them , image via todataurl()


Comments

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -