डाउनस्केलिंग में एंटीएलियासिंग के लिए रीसैंपलिंग गुणवत्ता सेट करें।
ctx.imageSmoothingQuality = "low|medium|high";
ऑफ-स्क्रीन कैनवस से चरणबद्ध डाउनस्केलिंग (बेहतर गुणवत्ता):
var c = document.createElement('canvas');
var ocx = c.getContext('2d');
c.width = img.width * 0.5;
c.height = img.height * 0.5;
ocx.drawImage(img, 0, 0, c.width, c.height);
// आधा और कम करें, दोहराएं
ocx.drawImage(c, 0, 0, c.width * 0.5, c.height * 0.5);
नोट: प्रत्येक चरण में 2x से अधिक न घटाएं। imageSmoothingEnabled = true (डिफ़ॉल्ट) सुनिश्चित करें।