html部分
<canvas id="canvas">
沒有出現圖形,說明您的瀏覽器不支持 HTML5 canvas 標籤。
</canvas>
css部分
canvas {
width: 200px;
height: 100px;
display: block;
margin: 10px auto;
}
js部分
window.onload = function (params) {
// 得到繪製源
var c = document.getElementById('canvas');
// 創建畫布,建立二維視角
var ctx = c.getContext('2d');
// 填充樣式
ctx.fillStyle = 'cyan';
// 起始路徑繪製點座標
ctx.moveTo(0,0);
// 路徑運行軌跡座標
ctx.lineTo(200,100);
ctx.lineTo(100,100);
// 結束路徑繪製
ctx.stroke();
}
</s