CanvasRenderingContext2D.imageSmoothingEnabled - злагодження зображення.
ctx.imageSmoothingEnabled;
ctx - об'єкт CanvasRenderingContext2D.
imageSmoothingEnabled властивість об'єкту CanvasRenderingContext2D яка повертає / задає логічне значення. true - згладжувати забраження, false - НЕ згладжувати зображення.
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.src = '/dani/test.png';
img.onload = function(){
ctx.imageSmoothingEnabled = false;
ctx.drawImage(img, 0, 0, 400, 200); };
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.src = '/dani/test.png';
img.onload = function(){
ctx.imageSmoothingEnabled = true;
ctx.drawImage(img, 0, 0, 820, 620); };