0

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

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

4

1 回答 1

0

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

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

img.src = originalCanvas.toDataURL();

并且繁荣，它在你的处理画布上（在你等待它之后）。只要您没有绝对巨大的画布，这种方法应该会很快奏效。只要得到你想要的一切，并确保它在画布上可见。然后您知道如何将处理后的数据返回到另一个画布。我希望这就是你要找的。

于 2013-01-11T02:53:10.130 回答