サイト内検索

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メソッドのサンプル

このサンプルでは、lineTo() メソッドを使って、(10, 10) の地点から (90, 90) の地点に向けて直線を引いています。。

ctx.beginPath();
ctx.moveTo(10, 10);
ctx.lineTo(90, 90);
ctx.stroke();

[lineTo() メソッドの実際のサンプル]

ブラウザ対応状況

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 ○