在本地将一个画布的内容复制到另一个画布,可以通过以下步骤实现:
getContext()
方法获取画布的上下文对象,例如:const sourceCanvas = document.getElementById('sourceCanvas');
const sourceContext = sourceCanvas.getContext('2d');
drawImage()
方法将源画布的内容绘制到目标画布上,例如:const targetCanvas = document.getElementById('targetCanvas');
const targetContext = targetCanvas.getContext('2d');
targetContext.drawImage(sourceCanvas, 0, 0);
const image = new Image();
image.src = targetCanvas.toDataURL('image/png');
这样,就可以将源画布的内容复制到目标画布上了。需要注意的是,如果源画布和目标画布的大小不同,需要根据实际情况调整绘制的位置和大小。
领取专属 10元无门槛券
手把手带您无忧上云