gmnon.cn-疯狂蹂躏欧美一区二区精品,欧美精品久久久久a,高清在线视频日韩欧美,日韩免费av一区二区

站長資訊網
最全最豐富的資訊網站

fillstyle屬性怎么使用

html5中的fillstyle屬性可以用來填充繪制圖形的顏色,還有實現顏色漸變及填充圖像,下面的文章我們就來具體看一下fillstyle屬性的用法。

fillstyle屬性怎么使用

我們先來看一下fillstyle屬性的基本用法

context.fillStyle=color|gradient|pattern;

color表示繪圖填充色的 CSS 顏色值。默認值是黑色

gradient表示填充繪圖的漸變對象(線性或放射性)

pattern表示填充繪圖的模式對象

下面我們來看具體的示例

填充顏色

代碼如下

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas> <script> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.fillStyle="pink"; ctx.fillRect(20,20,150,100); </script> </body> </html>

效果如下

fillstyle屬性怎么使用

顏色漸變

代碼如下

<!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas> <script type="text/javascript"> var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); var my_gradient=ctx.createLinearGradient(0,0,0,170); my_gradient.addColorStop(0,"lightgreen"); my_gradient.addColorStop(1,"yellow"); ctx.fillStyle=my_gradient; ctx.fillRect(20,20,150,100); </script> </body> </html>

效果如下

fillstyle屬性怎么使用

填充圖像

代碼如下

<!DOCTYPE html> <html> <body> <p>要用到的圖片:</p> <img src="img/mouse.png" id="lamp" /> <p>Canvas:</p> <button onclick="draw('repeat')">Repeat</button>  <button onclick="draw('repeat-x')">Repeat-x</button>  <button onclick="draw('repeat-y')">Repeat-y</button>  <button onclick="draw('no-repeat')">No-repeat</button>      <canvas id="myCanvas" width="500" height="250" style="border:1px solid #d3d3d3;"></canvas> <script type="text/javascript"> function draw(direction) { var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.clearRect(0,0,c.width,c.height);  var img=document.getElementById("lamp") var pat=ctx.createPattern(img,direction); ctx.rect(0,0,300,200); ctx.fillStyle=pat; ctx.fill(); } </script> </body> </html>

運行效果如下

fillstyle屬性怎么使用

本篇文章到這里就全部結束了,更多精彩內容大家可以關注php中文網的其他相關欄目教程!!!

贊(0)
分享到: 更多 (0)
?
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
gmnon.cn-疯狂蹂躏欧美一区二区精品,欧美精品久久久久a,高清在线视频日韩欧美,日韩免费av一区二区
国产午夜大地久久| 久久久久久香蕉| 中文字幕第22页| 大肉大捧一进一出好爽动态图| 国产 国语对白 露脸 | 在线观看日本一区二区| 久久美女福利视频| 免费在线观看日韩视频| 日韩欧美黄色大片| 国产激情在线观看视频| 亚洲熟妇av一区二区三区| 国产超级av在线| mm1313亚洲国产精品无码试看| 久草精品在线播放| 久久九九国产视频| 亚洲天堂av一区二区| av亚洲天堂网| 国产一二三四区在线观看| 特级西西444| 欧美日韩黄色一级片| 青青在线视频免费| 亚洲精品手机在线观看| 国产高潮呻吟久久久| 日本wwwcom| 久久精品免费网站| 国产91av视频在线观看| 你真棒插曲来救救我在线观看| 久久久一本二本三本| 久久99999| 黄色一级片网址| 奇米精品一区二区三区| 老头吃奶性行交视频| 国产精品嫩草影视| 欧美三级午夜理伦三级| 捷克做爰xxxⅹ性视频| 成年人深夜视频| 黄色成人免费看| 9色porny| 手机成人av在线| 国产视频一区二区三区在线播放| 9色视频在线观看| 国产又大又黄又粗的视频| 国产乱子伦精品无码专区| 午夜免费福利视频在线观看| 黄色一级片在线看| 二级片在线观看| www.欧美日本| 免费无码毛片一区二三区| 涩涩网站在线看| 成年人网站大全| 精品无码国产一区二区三区av| 亚洲色图 在线视频| 91在线视频观看免费| 丁香六月激情婷婷| 日韩视频一二三| 中文字幕日韩久久| 最新国产黄色网址| www.涩涩涩| 色综合色综合色综合色综合| 一女被多男玩喷潮视频| 精品一区二区三区无码视频| 黄色一级片网址| 中文字幕剧情在线观看| 在线黄色免费看| www.久久91| 57pao国产成永久免费视频| 成年人在线看片| 日韩无套无码精品| 成年人在线观看视频免费| 国产中文字幕免费观看| 久久久久久久中文| 97国产精东麻豆人妻电影| 久久视频这里有精品| 国产毛片视频网站| 黑森林福利视频导航| 欧美日韩亚洲一二三| 中文字幕网av| 国内自拍第二页| 免费观看黄色大片| 青草视频在线观看视频| 国产免费黄视频| 91传媒久久久| 国产又黄又猛又粗| 一区二区三区国产好的精华液| 国内自拍第二页| 日韩欧美精品免费| 亚洲熟妇av一区二区三区 | 一级黄色录像免费看| 人人妻人人澡人人爽欧美一区双| 成人免费在线网| 黄色一级大片在线观看| 伊人五月天婷婷| 成年人视频观看| 中文字幕在线视频精品| 欧美午夜性视频| 性刺激的欧美三级视频| 亚洲激情免费视频| 日韩欧美精品在线观看视频| 欧美日韩中文不卡| 欧美一区二区激情| www.com黄色片| 青青在线视频免费观看| www.xxx亚洲| 日本wwwcom| 亚洲欧美aaa| 欧美色图另类小说| 狠狠精品干练久久久无码中文字幕 | 久草综合在线观看| 久久久久久久久影视| 久久网站免费视频| 伊人久久在线观看| 伊人网在线综合| aa在线观看视频| 亚洲小视频在线播放| 午夜精品在线免费观看| 日韩视频免费播放| 日本成人性视频| 污污网站免费看| 国产成人a亚洲精v品无码| 欧美视频在线第一页| 国产资源中文字幕| 亚洲人辣妹窥探嘘嘘| 日韩av一二三四| 分分操这里只有精品| 熟女熟妇伦久久影院毛片一区二区| 国产九九九九九| 国产中文字幕乱人伦在线观看| 色天使在线观看| 污版视频在线观看| 天天爽人人爽夜夜爽| 欧美黑人又粗又大又爽免费| 久青草视频在线播放| 久久久久久久免费视频| 99精品视频国产| 老司机av福利| 先锋影音男人资源| 日韩免费在线观看av| 国产激情在线看| www.99riav| a级黄色小视频| 成年网站在线免费观看| 成人在线观看a| 成人性生生活性生交12| 性chinese极品按摩| 欧美xxxxxbbbbb| 国产精品视频二| 国产极品粉嫩福利姬萌白酱| 日本wwww视频| 亚洲综合在线一区二区| 日本免费a视频| 那种视频在线观看| 中文字幕第38页| 欧美性猛交xxxx乱大交91| 91香蕉视频在线观看视频| 激情图片qvod| 成人亚洲视频在线观看| 日本一二区免费| 国产特级淫片高清视频| 婷婷六月天在线| 欧美精品久久96人妻无码| 国产精品自拍片| www.99在线| 波多野结衣三级在线| 99999精品| 日本精品一区二区三区四区| 国内外免费激情视频| 999精品网站| www.夜夜爱| 无码人妻丰满熟妇区毛片18| 欧美一级黄色影院| 久久艹国产精品| 99精品999| 国产精品夜夜夜爽张柏芝| 97在线免费视频观看| 中文字幕国内自拍| 国产美女视频免费| 久久精品xxx| 青青在线免费观看视频| av在线播放天堂| 久久综合久久色| 久久久久久久久久久久久久久国产| av免费观看大全| 亚欧在线免费观看| 国产人妻人伦精品| 韩日视频在线观看| 最新av在线免费观看| 欧美网站免费观看| 不卡中文字幕在线观看| 欧美日韩怡红院| 青青青在线视频播放| 一本色道久久亚洲综合精品蜜桃 | 日本www在线视频| 久激情内射婷内射蜜桃| 成人午夜免费在线视频| 黄色在线视频网| 免费人成自慰网站| www精品久久| 欧美日韩dvd| 五月婷婷激情久久| 国产1区2区在线|