HTML canvas putImageData() 方法

实例

使用 getImageData() 复制矩形的像素数据。然后使用 putImageData() 将图像数据放回 canvas。

const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 50, 50);

 
function copy() {
  const imgData = ctx.getImageData(10, 10, 50, 50);
  ctx.putImageData(imgData, 10, 70);

 }