beginPath()メソッド

パスとは？

0個以上のサブパスの集まり
・0個以上のサブパスで構成されている

サブパスとは？
・直線又は曲線で接続された1つ以上の点のリスト
・サブパスが閉じているかどうかを示すフラグが含まれている

サブパスが閉じているとは？
・サブパスの最後の点が最初の点に直線で繋がっている(何らかの図形となっている)

---

パスを開始する最初の状態

CanvasRenderingContext2Dオブジェクトのデフォルトパス仕様
・サブパスを持たない
・0個のサブパスを持つ
・まだ描画されていない状態のパスを、常に1つだけ持っている

beginPath()メソッドで“現在のパスをリセットする”とは？
・CanvasRenderingContext2Dオブジェクトのサブパスのリストを空にして、 サブパスを持たない状態にセットし直す

---

その他

・点の数が2未満のサブパスは、パスを描画する際には無視される

▼index.html

<canvas id="canv" width="500px" height="500px"></canvas>

▼render.js

var ctx = document.getElementById("canv").getContext('2d');

ctx.beginPath();