Skalowanie obrazów (HTML5 canvas)

Skalowanie obrazów

Obraz skalujemy podając wymiary obrazka mniejsze lub większe od rzeczywistych.

Przy powiększaniu następuje pikselizacja obrazu.

Zawartość możesz zobaczyć w
przeglądarce obsługującej element <canvas>
z kontekstem "2d"

Listing

	var cv = document.getElementById("canvas");
	var ctx = cv.getContext("2d");
	var image = new Image();
	image.onload = function() {
	    ctx.drawImage(image, 0,0, 150, 142);
	};
	image.src = "images/pies.jpg";