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
Post a Comment