Pobieranie obrazów z serwera (HTML5 canvas)

Pobieranie obrazów z serwera

Tworzymy obiekt Image

Przypisujemy mu src wskazując obraz z serwera.

Po załadowaniu obrazka – obrazek wyświetlamy na płótnie.

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

Ten piesek to Suita (Jack Russell Terrier) z Terierogrodu, gdy była szczenięciem.

Listing

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