HTMLキャンバスにbeginPath（）メソッド
例
キャンバス上の2つのパスを描画し、緑と紫：
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineWidth="5";
ctx.strokeStyle="green"; // Green path
ctx.moveTo(0,75);
ctx.lineTo(250,75);
ctx.stroke(); // Draw it
ctx.beginPath();
ctx.strokeStyle="purple"; // Purple path
ctx.moveTo(50,0);
ctx.lineTo(150,130);
ctx.stroke(); // Draw it
»をお試しください
ブラウザのサポート
Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートにbeginPath（）メソッド。
注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。
定義と使用法
beginPath（）メソッドは、パスを開始するか、現在のパスをリセットします。
ヒント：パスを作成するために、これらのメソッドを使用してのmoveTo（）、のlineTo（）、 quadricCurveTo（）、しているbezierCurveTo（）、arcTo（） 、アーク（）。
ヒント：使用ストローク（）キャンバス上の正確なパスを描画する方法を。
| JavaScriptシンタックス： | コンテキスト.beginPath（）; |
|---|
HTMLキャンバスリファレンスマニュアル