如何将一个画布的内容本地复制到另一个画布

如何将一个画布的内容本地复制到另一个画布

实际上，您根本不需要创建图像。

drawImage()

将接受一个

Canvas

和一个

Image

对象。

//grab the context from your destination canvasvar destCtx = destinationCanvas.getContext('2d');//call its drawImage() function passing it the source canvas directlydestCtx.drawImage(sourceCanvas, 0, 0);

比使用

ImageData

对象或

Image

元素更快。

请注意，

sourceCanvas

可以是HTMLImageElement，HTMLVideoElement或HTMLCanvasElement。正如Dave在此答案下方的评论中提到的那样，您
不能将canvas绘图上下文用作源
。如果您有一个画布绘图上下文而不是其创建的画布元素，则在上下文中有对原始画布元素的引用

context.canvas

。