- canvas 标签通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
-
height 属性规定 canvas 元素的高度, 以像素为单位。
-
width 属性返回 ImageData 对象的宽度，以像素计。
例：圆形：通过规定尺寸、颜色和位置，来绘制个圆：
<canvas id="Canvas" width="100" height="50" style="border:1px solid #c3c3c3;"> Your browser does not support the canvas element.</canvas>
<script type="text/javascript">
var c=document.getElementById("Canvas");
var cxt=c.getContext("2d");
cxt.fillStyle = "#c3c3c3";
cxt.beginPath();
cxt.arc(70, 18, 15, 0, Math.PI * 2, true);
核心：Math.PI * 2 控制形状：圆形
cxt.arc(10, 9, 7.5, 0, Math.PI * 2, true);
cxt.closePath();
cxt.fill();
</script>
