【Javascript】canvasのdrawImageで画像がぼやけるのを防ぐ方法！

覚え書きです。

今回はタイトルの通りです。

やり方

やり方なんですがimageSmoothingEnabledをオフにするだけです。

しかし、ちょっとオフにするのに順番があります。

その順番が

1. canvasを初期化
2. canvasのcontextを初期化
3. contextのimageSmoothingEnabledをオフに

の順番です。

めんどいね。

コード

コードです。

~~~~~~~~~~~~~~~~~
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.imageSmoothingEnabled = false;
~~~~~~~~~~~~~~~~~