jquery - 可以使用 jQuery 深度克隆 HTML5 画布元素吗？

Question

我们看到了这篇关于克隆 HTML5 画布元素的 SO 帖子：Any way to clone HTML5 canvas element with its content？

我们尝试使用 jQuery 进行深度克隆（即 $(canvas).clone(true) ），但图像数据似乎没有复制过来。

这对 jQuery 来说是不可能的吗？

Answer 1

如果您不需要复制任何附加的事件处理程序（通常，我怀疑这是可能的），我只需使用当前接受的解决方案来使用 base64 将画布图像从一个画布显示到另一个画布

//grab the context from your destination canvas
var destCtx = destinationCanvas.getContext('2d');

//call its drawImage() function passing it the source canvas directly
destCtx.drawImage(sourceCanvas, 0, 0);

当然，您必须先创建目标画布，因此，在此之前，您必须：

var destinationCanvas    = document.createElement('canvas');
destinationCanvas.width  = sourceCanvas.width;
destinationCanvas.height = sourceCanvas.height;