實(shí)例

定義用藍(lán)色填充的矩形：

JavaScript:

var c=document.getElementById( myCanvas var ctx=c.getContext( 2d ctx.fill >
瀏覽器支持
Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 fillStyle 屬性。
注釋：Internet Explorer 8 以及更早的版本不支持 canvas 元素。
定義和用法
fillStyle 屬性設(shè)置或返回用于填充繪畫的顏色、漸變或模式。
默認(rèn)值：#000000JavaScript 語法：context.fill >屬性值
值描述color指示繪圖填充色的 CSS 顏色值。默認(rèn)值是 #000000gradient用于填充繪圖的漸變對(duì)象（線性或放射性）pattern用于填充繪圖的 pattern 對(duì)象
更多實(shí)例
實(shí)例 1
定義從上到下的漸變，作為矩形的填充樣式：
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.fill >
實(shí)例 2
定義從左到右的漸變，作為矩形的填充樣式：
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.fill >
以上就是html設(shè)置或返回用于填充繪畫的顏色漸變或模式的屬性fillStyle的詳細(xì)內(nèi)容，html教程        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。