HTML5 canvas lineTo メソッド
 HTML5 canvas リファレンス
例
アルファベットの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();
Try it yourself »
定義と用法
lineTo メソッドは、パスの現在の点からキャンバス内の指定した点へ線を引きます。
lineTo メソッドは、2つのパラメータ、x 座標と y 座標を取ります。
| JavaScript 構文: |
context.lineTo(x,y); |
ブラウザ・サポート
lineTo メソッドは、主要な全ブラウザがサポートしています。
パラメータ値
| パラメータ |
値 |
説明 |
Play it |
| x |
x-coordinate |
線を引く場所の x 座標 |
Play it » |
| y |
y-coordinate |
線を引く場所の y 座標 |
Play it » |
HTML5 canvas リファレンス
|