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

17站長網

17站長網 首頁 編程教程 Html5教程 查看內容

HTML5 Canvas 繪制矩形

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

在線示例

在html5畫布元素上最容易繪制的形狀之一是矩形。您可以使用2D上下文函數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 繪制矩形

返回頂部
主站蜘蛛池模板: 亚洲国产精品嫩草影院永久 | 国产人妻人伦精品熟女麻豆 | 嫩草www视频在线观看高清 | ca88亚洲城娱乐| 菠萝菠萝蜜高清观看在线 | 老阿姨才是最有味的一区二区 | 日本熟妇乱妇熟色A片蜜桃亚洲 | 午夜一个人在线观看完整版 | 麻花传媒XK在线观看 | 成人啪啪色婷婷久色社区 | 免费乱理伦片在线观看八戒 | 少女亚洲free | 日久精品不卡一区二区 | 国产午夜婷婷精品无码A片 国产午夜视频在永久在线观看 | 国产99久久久国产精品成人 | 黑丝袜论坛 | 野草视频在线观看 | 中文字幕亚洲无限码 | 免费高清毛片 | 岛国片在线看 | 曰批国产精品视频免费观看 | 搞av.com| 精品国产在线手机在线 | 十八禁肉动漫无修在线播放 | 97精品在线播放 | 久久er国产免费精品 | 又紧又大又爽精品一区二区 | 16女下面流水不遮图免费观看 | 玩弄放荡人妻一区二区三区 | 毛片免费在线视频 | 亚洲乱码在线卡一卡二卡新区 | 欧美阿v在线天堂 | 陈红下面又紧又小好爽 | 国产午夜亚洲精品一区 | 久久久久久久99精品免费观看 | 亚洲 欧美 国产 综合 在线 | 亚洲国产精品嫩草影院永久 | 她也色在线视频站 | 亚洲日韩精品AV中文字幕 | 2017年伦理片免费观看 | 精品精品国产自在现拍 |