Zielony Smok

HTML5 canvas – tutorial

‘repeat-y’

W chwili pisania (grudzień 2014) nie działa w przeglądarce Firefox.

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() {
	   	 var pattern = ctx.createPattern(image, 'repeat-y');
	        ctx.rect(0, 0, cv.width, cv.height);
	        ctx.fillStyle = pattern;
	        ctx.fill();
	   };
	image.src = "images/cegla.png";