CanvasRenderingContext2D.imageSmoothingEnabled - злагодження зображення.
ctx.imageSmoothingEnabled;
ctx - об'єкт CanvasRenderingContext2D.
imageSmoothingEnabled властивість об'єкту CanvasRenderingContext2D яка повертає / задає логічне значення. true - згладжувати зображення, false - НЕ згладжувати зображення.
Значення позамовчуванню: true.
var canvas = document.getElementById('canvas');
canvas.width=450;
canvas.height=250;
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, 430, 220); };
var canvas = document.getElementById('canvas');
canvas.width=450;
canvas.height=250;
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, 430, 220); };