是否可以在经过HTML转换的画布上使用getDataImage

Is it possible to use getDataImage on a canvas that has undergone transformation in HTML?

本文关键字：getDataImage 转换 经过 HTML 是否      更新时间：2023-12-10

我试图抓取画布的特定部分，然后以一种非常特殊的方式将该图像放回画布上。然而，似乎get和put ImageData方法在一个绝对的画布上工作，不受图像操作的影响。有什么方法可以在HTML5中使用带有get和put dataImage操作的翻译吗？

我有一个以一定角度出现的线条画，我想捕捉这个图像，把它放在自己的画布上，对它进行一些处理，然后把它以那个确切的角度和位置放回画布上。我最初认为我可以通过根据绘图的位置和角度重新定位画布来实现这一点，但这并不奏效，因为获取和放置dataImage使用的是绝对坐标，而不是相对坐标。

您可以将数据发送到图像，并将图像绘制到新画布上进行处理。这样，您将得到画布上显示的内容，与它显示的内容完全一样。

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

轰，它就在你的处理画布上（在你等待了一段时间之后）。只要你没有一个绝对巨大的画布，这个方法应该很快就能工作。只要得到你想要的一切，并确保它在画布上可见。然后您就知道如何将处理后的数据返回到另一个画布。我希望这就是你想要的。

相关文章：