- 掛牌上市企業
- 60秒人工響應
- 99.99%連通率
- 7*24h人工
- 故障100倍補償
html5-canvas繪制矩形的代碼 |
| 發布時間: 2012/8/20 18:07:27 |
|
html5-canvas繪制矩形的代碼，代碼如下所示： 計算機愛好者www.boydavid.com <!DOCTYPE html> <head> <title>canvas繪制矩形</title> </head> <script> function draw(id){
var canvas=document.getElementById(id); if(canvas==null){
return false;
}
var context=canvas.getContext('2d');
context.fillStyle='#eeeeff';
context.fillRect(0,0,400,300);
context.fillStyle='red'; context.strokeStyle='blue';
context.lineWidth=10;
context.fillRect(50,50,100,100); 電腦軟件www.boydavid.com context.strokeRect(50,50,100,100);
context.fillStyle='#f60';
context.strokeStyle='#ccc'; 電腦知識www.boydavid.com context.lineWidth=5; 電腦維護www.boydavid.com context.fillRect(200,200,100,100);
context.strokeRect(150,150,100,100); 計算機學習網站www.boydavid.com }
</script>
<body onload="draw('canvas')"> 電腦知識www.boydavid.com <h1>canvas元素繪制矩形</h1> <canvas id="canvas" width="400" height="300" />
</body> 電 本文出自：億恩科技【www.laynepeng.cn】 |
0371-60135900
京公網安備41019702002023號
香港服務器租用
美國服務器租用
電信骨干機房
聯通骨干機房
