如何在div包含一个或多个HTML5画布元素的客户端将div保存为图像?

前端之家收集整理的这篇文章主要介绍了如何在div包含一个或多个HTML5画布元素的客户端将div保存为图像?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Div’canvasesdiv’元素包含三个HTML5画布.
<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>

如何使用JavaScript将客户端div’canvasesdiv’中存在的所有画布与图像相结合?

解决方法

这与我回答的上一个问题非常相似:
save-many-canvas-element-as-image

总结:将所有画布绘制到其中一个,然后通过toDataURL()获取图像

猜你在找的CSS相关文章