HTML-холст addColorStop метод ()
HTML холст Справочное руководство
примеров
Определить градиент от черного к белому, заливки прямоугольника стиль:
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);
Попробуйте »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддержка addColorStop () метод.
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
addColorStop () метод определяет цвет объекта градиент и положение.
addColorStop () метод createLinearGradient () или createRadialGradient () используются вместе.
Примечание: Вы можете вызвать addColorStop () метод несколько раз , чтобы изменить градиент.Если вы не градиент объект, используя этот метод, градиент не будет виден. Для того чтобы получить видимый градиент, вам необходимо создать по крайней мере один цвет.
Синтаксис JavaScript: | градиент.addColorStop (остановка, цвет); |
---|
Параметр Значение
参数 | 描述 |
---|---|
stop | 介于 0.0 与 1.0 之间的值,表示渐变中开始与结束之间的位置。 |
color | 在stop位置显示的 CSS 颜色值 。 |
Другие примеры
примеров
Она определяется множеством градиента addColorStop () метод:
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);
Попробуйте »
HTML холст Справочное руководство