青草久久影院-青草久久伊人-青草久久久-青草久久精品亚洲综合专区-SM双性精跪趴灌憋尿调教H-SM脚奴调教丨踩踏贱奴

17站長網(wǎng)

17站長網(wǎng) 首頁 編程教程 Html5教程 查看內(nèi)容

HTML5 Canvas 繪制矩形

在html5畫布元素上最容易繪制的形狀之一是矩形。您可以使用2D上下文函數(shù)fillRect()和進行操作strokeRect()。

在線示例

在html5畫布元素上最容易繪制的形狀之一是矩形。您可以使用2D上下文函數(shù)fillRect()和進行操作strokeRect()。這是一個簡單的示例:

<canvas id="ex1" width="500" height="150" style="border: 1px solid #cccccc;">    
HTML5 Canvas not supported    
</canvas>    
<script>       var canvas  = document.getElementById("ex1");    var context = canvas.getContext("2d");    
context.fillStyle = "#ff0000";    
context.fillRect(10,10, 100,100);    
context.strokeStyle = "#0000ff";    
context.strokeRect(30,20, 120,110);      
</script>

行寬 - linewidth

您可以使用linewidth2D上下文的屬性設置描邊矩形的線寬。方法如下:

<canvas id="ex4" width="500" height="150" style="border: 1px solid #cccccc;">    
HTML5 Canvas not supported    
</canvas>    
<script>       
var canvas  = document.getElementById("ex4");    
var context = canvas.getContext("2d");    
var x = 10;    
var y = 10;    
var width = 100;    
var height = 100;    
context.linewidth = 4;    
context.strokeRect(x, y, width, height);      
</script>

這是線寬為4的矩形的外觀:

HTML5 Canvas 繪制矩形

矩形顏色

您可以使用 2D上下文的fillStyle或strokeStyle屬性設置繪制矩形的顏色。這是第一個示例,這些設置以粗體顯示:

<canvas id="ex5" width="500" height="150" style="border: 1px solid #cccccc;">    
HTML5 Canvas not supported    
</canvas>    
<script>       
var canvas  = document.getElementById("ex5");    
var context = canvas.getContext("2d");    
context.fillStyle = "#ff0000";    
context.fillRect(10,110);    
</script>

這是再次在畫布上繪制的矩形:

HTML5 Canvas 繪制矩形

返回頂部
主站蜘蛛池模板: 国产精品免费大片一区二区 | 动漫美女3d被爆漫画 | GOGOGO高清免费播放 | MELODY在线播放无删减 | 尿孔 调教 扩张 | 麻生希第一部快播 | 7m凹凸国产刺激在线视频 | qvod在线| 国产精品久久久久影院色老大 | 香蕉精品国产高清自在自线 | 免费中文字幕视频 | 疯狂小护士 | 成人天堂婷婷青青视频在线观看 | WWW国产精品人妻一二三区 | 午夜在线播放免费人成无 | 免费观看的毛片 | 少女亚洲free | 亚洲 天堂 国产在线播放 | 无码人妻丰满熟妇区五十路久久 | 国产在线观看免费观看 | 国产色欲一区二区精品久久呦 | 亚洲一在线 | 啊…嗯啊好深男男高h文 | 国产精品99久久久久久AV | 无码欧美XXXXX在线观看裸 | 亚洲国产精品一区二区第一页 | 他揉捏她两乳不停呻吟口述 | 国精产品一区一区三区有限在线 | 中文字幕久久熟女人妻AV免费 | 99这里有精品视频视频 | 嘴巴舔着她的私处插 | 45分钟做受片免费观看 | 天天槽任我槽免费 | 噜噜噜狠狠夜夜躁精品 | 一本大道香蕉中文在线视频观看 | 亚洲AV怡红院AV男人的天堂 | 色偷偷91综合久久噜噜 | 天堂tv免费tv在线tv香蕉 | 欧美s00老人| 亚洲高清无在码在线电影 | 伊人大香线蕉精品在线播放 |