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);