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

drawImage()方法用于在画布上绘制图像,画布和视频。它还可以绘制部分图像并增加或减小图像尺寸。

示例

让我们看一个例子-

//context grabbed from your destination canvas
ctx = destinationCanvas.getContext('2d');

//drawImage()称为直接传递源画布
dCtx.drawImage(sourceCanvas, 0, 0);

在此代码中,首先从源画布复制图像。sourceCanvas可以是HTMLImageElement,HTMLVideoElement或HTMLCanvasElement。画布绘图上下文不能用作源。如果画布绘图上下文是您的源画布,则在context.canvas下的上下文中有对原始画布元素的引用。

后面的代码使用drawImage()方法将上下文从源画布复制到所需的画布。