lineTo() メソッド
構文
- context .
lineTo(x, y) -
現在のパスに指定の地点を加え、直前の地点を直線で接続します。
仕様
lineTo(x, y) メソッドは、コンテキストにサブパスがなければ、(x, y) に対するサブパスを定義します。コンテキストにサブパスがあれば、サブパスの終点から座標 (x, y) に向けて直線を引きます。そして、サブパスに、座標 (x, y) を追加します。
原文：http://www.w3.org/TR/2010/WD-2dcontext-20100624/#dom-context-2d-lineto
サンプル
このサンプルでは、lineTo() メソッドを使って、(10, 10) の地点から (90, 90) の地点に向けて直線を引いています。。
ctx.beginPath();
ctx.moveTo(10, 10);
ctx.lineTo(90, 90);
ctx.stroke();
ブラウザ対応状況
| Firefox | Safari | Chrome | Opera | IE | ExplorerCanvas |
|---|---|---|---|---|---|
| 2 ○ | 2 ○ | 1 ○ | 9.2 ○ | 9 ○ | 0002 ○ |
| 3 ○ | 3 ○ | 2 ○ | 9.5 ○ | 3 ○ | |
| 3.5 ○ | 4 ○ | 3 ○ | 10 ○ | ||
| 3.6 ○ | 5 ○ | 6 ○ | 10.60 ○ |