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 に答える