是否可以在已经在HTML中进行转换的画布上使用getDataImage？

Question

我试图抓住画布的特定部分，然后以非常特殊的方式将该图像放回画布上。但是，似乎get和put ImageData方法在绝对画布上工作，不受图像处理的影响。有没有办法在HTML5中使用带有get和put dataImage操作的翻译？

我有一个以某个角度出现的线条图，我希望捕获该图像，将其放在自己的画布上，对其进行一些处理，然后将其放回到画布上的精确角度和位置。我原本以为我可以通过根据绘图的位置和角度重新定位画布来做到这一点，但这不起作用，因为get和put dataImage使用绝对坐标而不是相对坐标。

Answer 1

您可以将数据发送到图像，然后将图像绘制到新画布进行处理。这样，您将获得画布上显示的内容，就像它出现的那样。

var img = new Image();
img.onload = function(){
    processingCanvas.width = this.width;
    processingCanvas.height = this.height;
    processingCanvas.drawImage(this,0,0);
}

img.src = originalCanvas.toDataURL();

繁荣，它在你的处理画布上（等待它之后）。只要你没有一个绝对巨大的画布，这个方法应该很快就能工作。只需获得您想要的一切，并确保它在画布上可见。然后您就知道如何将处理后的数据恢复到其他画布。我希望这就是你要找的东西。