如何在本地将一个 HTML5 Canvas 的内容复制到另一个 Canvas?
htmlweb developmentfront end technology更新于 2025/8/18 6:36:17
drawImage() 方法用于在 Canvas 上绘制图像、Canvas 和视频。它还可以绘制图像的一部分以及放大或缩小图像大小。
示例
看一个例子 −
//从目标 Canvas 获取上下文
ctx = destinationCanvas.getContext('2d');
//直接传递源 Canvas 调用 drawImage()
dCtx.drawImage(sourceCanvas, 0, 0);
在此代码中，首先从源 Canvas 复制图像。sourceCanvas 可以是 HTMLImageElement、HTMLVideoElement 或 HTMLCanvasElement。Canvas 绘图上下文不能用作源。如果画布绘图上下文是您的源画布，则 context.canvas 下的上下文中存在对原始画布元素的引用。
后一段代码使用 drawImage() 方法将上下文从源画布复制到目标画布。
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/
