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

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

实例

让我们看一个例子 −

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

//drawImage() called passing the source canvas directly
dCtx.drawImage(sourceCanvas, 0, 0);

在此代码中，首先从源画布复制图像。源画布可以是 HTMLImageElement、HTMLVideoElement 或 HTMLCanvasElement。无法将画布绘制上下文用作源。如果画布绘制上下文是你的源画布，则上下文中的 context.canvas 上会引用原来的画布元素

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

Chandu yadav

更新于： 03-03-2020

2K+ 浏览

开启您的 职业生涯

完成课程以获得认证

开始