html <canvas> 標簽通過 JavaScript 來繪制圖形,比如圖表和其他圖像
<canvas> 標簽只是圖形容器,必須使用腳本來繪制圖形
<canvas> 元素中的任何文本將會被顯示在不支持 <canvas> 的瀏覽器中
屬性
屬性
|
值
|
描述
|
height
|
pixels
|
設置畫布的高度
|
width
|
pixels
|
設置畫布的寬度
|
范例
通過 <canvas> 元素來顯示一個紅色的矩形
- <canvas id="myCanvas"></canvas>
- <script>var canvas=document.getElementById('myCanvas');var ctx=canvas.getContext('2d');
- ctx.fillStyle='#FF0000';
- ctx.fillRect(0,80,100);
- </script>
|