定義和用法
<canvas> 標(biāo)簽定義圖形，比如圖表和其他圖像。
<canvas> 標(biāo)簽只是圖形容器，您必須使用腳本來繪制圖形杖刷。
屬性 描述
height：設(shè)置 canvas 的高度，width：設(shè)置 canvas 的寬度再膳。
定義和用法
getContext("2d") 方法返回一個用于在畫布上繪圖的環(huán)境挺勿。
body中創(chuàng)建canvas標(biāo)簽
<canvas id="canvas" width="200" height="200">你的設(shè)備不支持canvas標(biāo)簽，請下載最新版本瀏覽器<canvas>
在腳本中寫入
<script>
var canvas = documemt.getElementById("canvas");
var cxt = canvas.getContext("2d");// 獲取上下文對象（畫筆）
cxt.beginPath();//開始繪制
cxt.moveTo(50,50);//設(shè)置開始點
cxt.lineTo(100,100);//放置點
cxt.lineWidth = 20;//設(shè)置線的寬度
cxt.strokeStyle = "red";//設(shè)置線的顏色
cxt.lineJoin = "round";//設(shè)置線變成圓角
cxt.lineCap = "round";
cxt.closePath();//繪制結(jié)束
</script>
