Zielony Smok

HTML5 canvas – tutorial

Transformacje obrazów

Transformacje figur wykonujemy dokładnie tak samo jak transformacje kształtów.

A oto przykład obrotu.

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

Listing

	var cv = document.getElementById("canvas4");
	var ctx = cv.getContext("2d");
	var image = new Image();
	image.src = "https://javafx.pl/wp-content/uploads/2021/04/samsmok120.png";
	ctx.rotate(Math.PI/5);
	image.onload = function() {
		ctx.drawImage(image, 85, 15, 120, 130);
	};