javascript - 回転したキャンバスを描画した後、キャンバスがぼやける

Question

新しいキャンバスにキャンバスを描画しようとしていますが、それを描画するだけでなく、回転させる必要もあります。角度はMath.PI/2で割り切れず、新しいキャンバスは（各回転後に）ますますぼやけています。回転をMath.PI/2で割り切れる角度に変更したところ、すべて問題ありませんでした。

その問題の解決策はありますか？

前もって感謝します！

Answer 1

毎回キャンバスに画像を描画しているので、その画像はたまたま別のキャンバスになります。

回転しているためピクセルを概算する必要があるため、毎回情報が失われます。

これを正確にする必要がある場合は、今のように行うことはできません。Canvas Aでたくさんのことをしてから、CanvasBを回転させてCanvasAを上に描画する代わりに、次のことを行う必要があります。

1. CanvasAで使用されるすべての描画コマンドを覚えておいてくださいCanvasBを回転させます
2. 回転変換が行われたCanvasBでこれらの描画コマンドを（再）コミットします。
3. コマンドのスタックでその回転を覚えておいてください。そうすれば、Canvas Bでさらに多くのことを行うときに、それらを最終的なCanvasCにも完全に描画できるようになります。