HTML5 canvas closePath メソッド
 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.closePath();
ctx.stroke();
Try it yourself »
定義と用法
closePath メソッドは、パスの現在の点から開始点へ線を描画します。
キャンバス上へのパスの描画には、stroke() メソッドを使用します。
パスの塗りつぶしには、fill() メソッドを使用し、パスは fillStyle 属性により
選択した色で塗りつぶされます、黒がデフォルトです。
| JavaScript 構文: |
context.closePath(); |
ブラウザ・サポート
closePath メソッドは、主要な全ブラウザがサポートしています。
HTML5 canvas リファレンス
|