Canvas beginPath() メソッド
定義と使用方法
beginPath() パスを開始するか、現在のパスをリセットします。
ヒント：以下のメソッドを使用してパスを作成してください：moveTo()、lineTo()、quadricCurveTo()、bezierCurveTo()、arcTo()、およびarc()。
ヒント：使用方法 stroke() キャンバス上に特定のパスを描画する方法
例
キャンバス上に2つのパスを描画します；赤色と青色：
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="red"; // 紫色のパス
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // 绘制を行います
ctx.beginPath();
ctx.strokeStyle="blue"; // 蓝色のパス
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // 绘制を行います
文法
context.beginPath();
ブラウザのサポート
表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注記：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。
