HTML5キャンバスのdrawImage()関数でアンチエイリアスを適用するにはどうすればよいですか?

アンチエイリアシングの場合は、リサンプリングの品質を設定する必要があります。

ctx.imageSmoothingQuality = "low|medium|high"

オフスクリーン キャンバスを使用して画像を半分に縮小します -

var c = document.createElement('canvas'),
ocx = c.getContext('2d');
c.width = img.width * 0.5;
c.height = img.height * 0.5;

ocxx.drawImage(img, 0, 0, c.width, c.height);

// 画像を描画して再度半分に縮小し、繰り返します

ocx.drawImage(c, 0, 0, c.width * 0.5, cc.height * 0.5);

以上がHTML5キャンバスのdrawImage()関数でアンチエイリアスを適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。