例
開始一個路徑，移動到位置0,0 。 創建一個行定位300,150 ：
JavaScript的：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke(); 試一試» 瀏覽器支持
在表中的數字指定完全支持方法的第一個瀏覽器的版本。
| 方法 | |||||
|---|---|---|---|---|---|
| lineTo() | 是 | 9 | 是 | 是 | 是 |
定義和用法
該lineTo()方法添加一個新的起點，並創建到這一點從畫布上最後指定的點線（此方法不畫線）。
提示：使用stroke()方法來實際繪製在畫布上的路徑。
| JavaScript語法： | context.lineTo(x,y); |
|---|
參數值
| 參數 | 描述 | 播放 |
|---|---|---|
| x | 在那裡創建行的x坐標 | 播放 ” |
| y | 在那裡創建行的y坐標 | 播放 ” |
更多示例
例
繪製路徑，形狀為字母L ：
JavaScript的：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
試一試»