js克隆一段html元素,有什么办法克隆HTML5 canvas元素及其内容？

你可以打电话

context.getImageData(0, 0, context.canvas.width, context.canvas.height);

这将返回一个ImageData对象。这有一个命名的属性数据类型CanvasPixelArray的包含所有像素的RGB和透明度值。这些值不是对画布的引用，因此可以在不影响画布的情况下进行更改。

如果还需要该元素的副本，则可以创建一个新的canvas元素，然后将所有属性复制到该新的canvas元素。之后，您可以使用

context.putImageData(imageData, 0, 0);

将ImageData对象绘制到新canvas元素上的方法。

请参阅此答案以了解更多详细信息HTML Canvas中的getPixel？在操纵像素。

您可能会发现此mozilla文章也很有用https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Canvas_tutorial/Drawing_shapes