window.onload=function(){ var canvas=document.getElementById('myCanvas'); var context=canvas.getContext('2d'); //後面書寫繪畫命令 context.beginPath();//開始繪畫的宣告 context.moveTo(x,y);//定義起點,可以理解為將畫筆移動到一個位置 context.lineTo(x,y);//定義一個終點 context.lineWidth=5;//定義線條寬度 context.strokeStyle='blue';//定義線條顏色 context.lineCap='round';//定義線帽（含圓角、尖角、斜角） context.stroke();//給線條上色，即進行繪製 } //在此先舉一個畫線的小例子 效果圖：