addColorStop tela HTML () Método
HTML Manual de lona Referência
Exemplos
Definir um gradiente de preto para branco, um estilo de retângulo de preenchimento:
JavaScript:
var ctx=c.getContext('2d');
var grd=ctx.createLinearGradient(0,0,170,0);
grd.addColorStop(0,"black");
grd.addColorStop(1,"white");
ctx.fillStyle=grd;
ctx.fillRect(20,20,150,100);
tente »
Suporte a navegadores
Internet Explorer 9, Firefox, Opera, Chrome e Safari apoio addColorStop () método.
Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.
Definição e Uso
addColorStop () método especifica a cor do objeto do inclinação e posição.
addColorStop () Método createLinearGradient () ou createRadialGradient () utilizados em conjunto.
Nota: Você pode chamar addColorStop () método várias vezes para alterar o gradiente.Se você não é um objeto de gradiente, usando este método, o gradiente não será visível. A fim de obter inclinação visível, você precisa criar pelo menos uma cor.
| sintaxe JavaScript: | gradiente.addColorStop (parar, cor); |
|---|
parâmetro Valor
| 参数 | 描述 |
|---|---|
| stop | 介于 0.0 与 1.0 之间的值，表示渐变中开始与结束之间的位置。 |
| color | 在stop位置显示的 CSS 颜色值 。 |
mais exemplos
Exemplos
Ela é definida por uma pluralidade de addColorStop gradiente () Método:
JavaScript:
var ctx=c.getContext("2d");
var grd=ctx.createLinearGradient(0,0,170,0);
grd.addColorStop(0,"black");
grd.addColorStop("0.3","magenta");
grd.addColorStop("0.5","blue");
grd.addColorStop("0.6","green");
grd.addColorStop("0.8","yellow");
grd.addColorStop(1,"red");
ctx.fillStyle=grd;
ctx.fillRect(20,20,150,100);
tente »
HTML Manual de lona Referência