HTML5 canvas beginPath メソッド
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 »
定義と用法
beginPath メソッドは、現在のパスを消去し、新しいパスの先頭を指定します。
パスを作成するには、moveTo()、lineTo()、quadricCurveTo、bezierCurveTo、arcTo、arc() を使用します。
キャンバス上のパスを描画するには、stroke() と fill() メソッドを使用します。
JavaScript 構文: |
context.beginPath(); |
ブラウザ・サポート
beginPath メソッドは、主要な全ブラウザがサポートしています。
HTML5 canvas リファレンス
|