Gradient radialny (1)

Gradient wyznaczony jest przez dwa współśrodkowe koła o różnych
promieniach.

Gradient ma dwa kolory, z których pierwszy, niebieski, tworzy
mniejsze koło, a kolor drugi, biały tworzy większe koło.

Czerowne koła – pomocnicze pokazują okręgi kół między którymi rozpięty jest gradient.

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 w = cv.width;
	var h = cv.height;
	var grd = ctx.createRadialGradient(150, 150, 50, 150, 150, 150);
	grd.addColorStop(0, "blue");
	grd.addColorStop(1, "white");
	ctx.fillStyle = grd;
	ctx.rect(0, 0, w, h);
	ctx.fill();				
            

Dodaj komentarz

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