addColorStop - metoda objektu CanvasCtx

Popis:

Nastaví barvu a pozici v objektu gradient

Syntaxe:

Object addColorStop(Long stop, String color)

Parametry:

stop	(Long) Hodnota (rozsah 0.0 - 1.0) představuje pozici mezi začátkem a koncem barevného přechodu
color	(String) Hodnota barvy podle CSS specifikace platná pro pozici stop

Poznámka:

Tato metoda je funkční i ve Web obrazech.

Viz také:

- CanvasCtx.createLinearGradient (metoda)

- CanvasCtx.createRadialGradient (metoda)

Příklad:

Proměná ctx reprezentuje kreslící plochu (CanvasCtx). Ta se nastaví v kartě "Draw" na začátku skriptu kreslící události onDraw následovně:

var ctx = pEvent.GetCtx(1);

JavaScriptVyber a zkopíruj do schránky



var grd = ctx.createLinearGradient(20, 20, 60, 40);

ctx.addColorStop(0, "black");

ctx.addColorStop(1, "white");

ctx.fillStyle = grd;

Příklad barevného přechodu 3 barev s průhledností

JavaScriptVyber a zkopíruj do schránky



var grd = ctx.createLinearGradient(20, 20, 60, 40);

ctx.addColorStop(0, "rgba(0,0,0,0.2)");

ctx.addColorStop(0.3, "rgba(255,0,0,0.2)");

ctx.addColorStop(1, "rgba(255,255,255,0.2)");

ctx.fillStyle = grd;