嗨我想用缩放复制另一个画布中的画布内容

Question

实际上。我创建了两个包含一些静态内容的画布。在另一个包含一些动态内容的画布上。现在，我已经显示了两个画布的快照，并在单独的画布中放大，其中捕捉将根据移动的对象进行更改。我正在使用getImage＆amp; putImage但无法缩放图像内容。即使getImage不适用于画布控制动态内容，因为显示安全错误。

Answer 1

context.drawImage可以使用另一个画布作为其源图像。

context.drawImage可以在绘制时缩放源图像。

context.drawImage不会像getImageData那样违反CORS安全性。

例如，假设sourceCanvas的原始图像位于坐标[20,30]，大小为100x140。

如果您有目标画布的上下文，则可以将其缩放2倍并在[50,60]的目标画布上绘制它，如下所示：

context.drawImage( 
    sourceCanvas,
    20,30,100,140,   // grabs 100x140 pixels from sourceCanvas at [20,30]
    50,60,200,280    // scale the grabbed pixels to 200x280 and draw it at [50,60]
);