久久精品五月,日韩不卡视频在线观看,国产精品videossex久久发布 ,久久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號
久久精品五月,日韩不卡视频在线观看,国产精品videossex久久发布 ,久久av综合
成人在线黄色| 蜜桃视频在线观看一区二区| 精品国产黄a∨片高清在线| 国产精品久久久久久久久免费高清| 97久久亚洲| 国产精品一区二区美女视频免费看 | 婷婷视频一区二区三区| 中文字幕av一区二区三区人| 欧美日韩一区自拍| 麻豆久久一区| 蜜臀国产一区| 99热免费精品| 69堂精品视频在线播放| 精品亚洲成人| 亚洲激情二区| 国产欧美一区二区色老头| 精品久久精品| 亚洲精品va| 国产免费久久| 欧美中文一区二区| 国产一级成人av| 高潮一区二区| 一区二区三区四区精品视频| 久久精品福利| 国产模特精品视频久久久久| 久久国产麻豆精品| 91精品精品| 日韩av在线免费观看不卡| 国产精品久久久久久久久免费高清| 日韩不卡一区| 一区二区三区四区日韩| 久久一区亚洲| 国产不卡人人| 日韩午夜免费| 精品午夜视频| 香蕉成人久久| 国产欧美一级| 99视频精品免费观看| 国产精品亚洲人成在99www| 特黄特色欧美大片| 日本强好片久久久久久aaa| 欧美好骚综合网| 青青伊人久久| 日韩影院在线观看| 91亚洲无吗| 黑丝一区二区| 国产精品99在线观看| 蜜桃视频一区二区三区| 亚洲成人不卡| 亚洲播播91| 久久久水蜜桃av免费网站| 一本一道久久a久久| 日韩不卡视频在线观看| 久久99久久人婷婷精品综合| 视频一区二区三区在线| 欧美aa一级| 国产精品白丝久久av网站| 99视频一区| 久久国产免费| 国产一区2区在线观看| 日韩毛片网站| 亚洲中字黄色| 久久精品青草| 亚洲国产成人二区| 日韩一区二区三区精品视频第3页| 婷婷激情图片久久| 黑人精品一区| 精品一区不卡| 国产精品17p| 日本午夜精品| 亚洲精品精选| 不卡中文字幕| 三级精品视频| 日韩电影免费网站| 精品视频网站| 久久a爱视频| 日韩av网站在线免费观看| 中文字幕日本一区| 丝袜亚洲另类欧美| 激情久久久久久| 国内精品福利| 91精品一区二区三区综合| 亚洲综合在线电影| 韩国久久久久久| 美女尤物国产一区| 色婷婷成人网| 日日夜夜免费精品| 亚洲精品在线二区| 日韩久久99| 日韩高清电影一区| 欧美视频一区| 欧美国产另类| 精品国产午夜| 岛国av免费在线观看| 亚洲国产福利| 一区二区三区四区在线看| 亚洲最新无码中文字幕久久 | 欧美成人国产| 黑丝一区二区三区| 国产精品1luya在线播放| 欧美91福利在线观看| 免费国产自久久久久三四区久久 | 国产高清视频一区二区| 国产精品美女在线观看直播| 国产福利亚洲| 成人在线超碰| 91av亚洲| 亚洲高清久久| 国产视频久久| 日本中文字幕不卡| 国产亚洲欧美日韩精品一区二区三区| 国产乱子精品一区二区在线观看| 国产精品hd| 97精品一区| 狠狠操综合网| 中文字幕日韩亚洲| 国产日产一区| 久久精品一区二区三区中文字幕| 国产一区二区三区亚洲综合| 亚洲日本网址| 久久福利一区| 热久久久久久| 福利在线免费视频| 女同性一区二区三区人了人一| 丝袜美腿亚洲一区二区图片| 欧美日韩99| 高清日韩欧美| 在线亚洲一区| 国产精品综合色区在线观看| 日韩国产一区二区| 三级亚洲高清视频| 老鸭窝毛片一区二区三区| 亚洲小说春色综合另类电影| 日韩精品福利一区二区三区| 美女在线视频一区| 91精品韩国| 自拍日韩欧美| 欧美91在线|欧美| 免费毛片在线不卡| 国产精品密蕾丝视频下载| 99久久久国产精品美女| 亚洲精品看片| 国产精品99精品一区二区三区∴| 免费精品视频| 精品国产a一区二区三区v免费| 99国产精品自拍| 久久国产日本精品| 一区二区小说| 一区二区三区午夜视频| 蜜桃视频免费观看一区| 欧美日韩一区二区国产| 久久久国产精品网站| 麻豆精品蜜桃| 亚洲精品精选| 精品视频一区二区三区四区五区| 国产成人免费| 午夜国产一区二区| 国产精品激情| 久久视频国产| 久久中文在线| 久久精品国产福利| 欧美二区视频| 青草久久视频| 国产精品入口久久| 国产在线欧美| 成人av二区| 爽爽淫人综合网网站| 亚洲综合专区| 国产精品蜜芽在线观看| 日韩av自拍| 国产精品视频一区二区三区| 99成人在线| 亚洲性视频在线| 91成人在线精品视频| jiujiure精品视频播放| 日韩精品欧美大片| 婷婷综合网站| 久久成人福利| 黄色aa久久| 国产综合色产| 亚洲专区视频| 欧美gv在线| 日韩国产在线观看一区| 欧美日韩日本国产亚洲在线 | 婷婷激情一区| 国产精品日韩久久久| 亚洲欧美在线综合| 中文字幕一区久| 91九色精品国产一区二区| 日韩不卡在线观看日韩不卡视频 | 水野朝阳av一区二区三区| 岛国av在线播放| 免费在线成人| 国产精品美女在线观看直播| 在线观看一区| 美女精品一区| 亚洲精品91| 99综合视频| 人人精品人人爱| 韩国三级一区|