好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

html设置或返回用于填充绘画的颜色渐变或模式的属性fillStyle

实例

定义用蓝色填充的矩形:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#0000ff";
ctx.fillRect(20,20,150,100); 

定义从上到下的渐变,作为矩形的填充样式:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var my_gradient=ctx.createLinearGradient(0,0,0,170);
my_gradient.addColorStop(0,"black");
my_gradient.addColorStop(1,"white");
ctx.fillStyle=my_gradient;
ctx.fillRect(20,20,150,100); 

定义从左到右的渐变,作为矩形的填充样式:

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var my_gradient=ctx.createLinearGradient(0,0,170,0);
my_gradient.addColorStop(0,"black");
my_gradient.addColorStop(1,"white");
ctx.fillStyle=my_gradient;
ctx.fillRect(20,20,150,100); 

以上就是html设置或返回用于填充绘画的颜色渐变或模式的属性fillStyle的详细内容,更多请关注Gxl网其它相关文章!

查看更多关于html设置或返回用于填充绘画的颜色渐变或模式的属性fillStyle的详细内容...

  阅读:36次