HTML 5 canvasのsaveとrestoreが無効になることを発見しました
545 ワード
今日コードを書くのに少しバグがあったので、canvasのsaveとrestoreが失効しました.
半日検査してもsaveとrestoreのどこに問題があるのか分からなかった.最後に問題が全然ここにないことに気づいた.
理由はimage_オブジェクトエラーで正しく読み込めません.バグを修正した後、わざとdrawImageの最初のパラメータをnullに設定したが、やはり問題が再発した.
3つのブラウザの反応はすべてこのようなものです.興味があれば行ってみてください.
これがなぜcanvasが状態を保存できないのか不思議です.
この奇妙な問題を記録する.
ctx.save();
ctx.translate(pos_.x(), pos_.y());
ctx.rotate(angle_);
ctx.drawImage(image_, -width_ / 2, -height_ / 2, width_, height_);
ctx.restore();
半日検査してもsaveとrestoreのどこに問題があるのか分からなかった.最後に問題が全然ここにないことに気づいた.
理由はimage_オブジェクトエラーで正しく読み込めません.バグを修正した後、わざとdrawImageの最初のパラメータをnullに設定したが、やはり問題が再発した.
3つのブラウザの反応はすべてこのようなものです.興味があれば行ってみてください.
これがなぜcanvasが状態を保存できないのか不思議です.
この奇妙な問題を記録する.