html5 Canvas Bilder vergrößern

[LX]

Die Skalierung erfolgt in Canvas immer interpoliert. Du kannst jedoch manuell linear skalieren, in etwa so (Vorsicht, ungetesteter Code):

var context=canvas.getContext('2d');
context.drawImage(img,0,0,10,10);
var img=context.getImageData(0,0,10,10);
var scaled=context.createImageData(100,100), pixel=100*100*4;
while (pixel--) { scaled[pixel]=img[(pixel/100)|0]; }
context.putImageData(scaled, 0, 0);

Gruß, LX