可以用jQuery深度克隆HTML5 canvas元素吗？

Question

我们在克隆HTML5画布元素时看到了这篇SO帖子:用它的内容克隆HTML5 canvas元素的任何方法？

我们尝试使用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;