Deseń ‘repeat’

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');
	        ctx.rect(0, 0, cv.width, cv.height);
	        ctx.fillStyle = pattern;
	        ctx.fill();
	   };
	image.src = "https://opta.com.pl/wp-content/uploads/2019/09/cegla.png";    
            

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *