IOS HTML5 Canvas Issue on draw/clearRect

Question

私はiOS 9.3.2を使用していますが、特定の寸法のセットで画像を描画し、その画像を（clearRectを使用して）同じ寸法で消去すると問題が発生します。画像の残りの部分です。これを修正するために、私は電話を回転させるまで（いつもそれを壊すとは限りませんでしたが、おそらくそれを壊す時間の50％）、私がクリアする寸法を調節していました。その後、エッジが戻ってきます。これはAndroidのChromeブラウザでは問題ありませんが、iOSのSafariとChromeの両方で発生します。

誰にも提案はありますか？私はこれに関連する既存の問題を見つけることができませんでしたが、もしあなたが何か助けがあれば、私はそれを高く評価します！ありがとう！

Answer 1

これは、画像を描画するときにほとんどアンチエイリアスが原因です。

あなたが行うことができますいくつかの点：

• は常に全体の画素X上の画像、y座標、多分使用を描く：ctx.drawImage(img, x | 0, y | 0, w, h);あなたが同じ空間にクリアされていることを確認してください。 currentTransformが整数値でオフセットされていない場合、これはうまく動作しないことがあります。
• セットctx.imageSmoothingEnabled = false;