canvas - html5 キャンバスのピクセル操作と変換

Question

putImageData は変換の影響を受けないため、画像内のピクセルを操作して結果に対して変換を使用するにはどうすればよいですか? たとえば、写真の赤を明るくしてから、写真を 36 度回転させたいとします。

回転できないため、 putImageData を使用することは答えではないようです。新しいキャンバスに配置して drawImage(newCanvas,0,0) を使用しようとしましたが、画像をまったく描画しませんでした。

私は困惑しています。

Answer 1

新しいキャンバスを使用するとうまくいきます。最初に画像を抽出するだけです。このようなものが動作します：

Image img = new Image();
img.src = newCanvas.toDataURL();
canvas.drawImage(img, x, y); // img is drawn with current transformation

を呼び出すtoDataURL()と、キャンバスの内容のスナップショットが取得されます。通話後の内容の変更newCanvasは画像に反映されません。