説明
パスは複数のサブパスでつくることができます。2Dコンテクストは現行パスを必ずひとつだけもちます^[*1]。初めは、現行パスにはサブパスがありません。

サブパスは複数の座標からなり、直線または曲線で結ばれます。また、サブパスが閉じているかどうかを示すフラグも加わります。サブパスを閉じると、その終点が始点と直線で結ばれます。サブパスに座標がふたつ以上ないと、描画はされません。

beginPath()メソッドは、現行パスをリセットして、新たな空のパスにします。新たなパスは、サブパスをひとつももちません。

closePath()メソッドは、現行サブパスを閉じて新しいサブパスを現行のパスに加えます。新たなサブパスの始点は、現行サブパスの始点と同じ座標になります。まだサブパスがないときにclosePath()メソッドを呼出しても、現行パスは何も変わりません。

参考
W3C「HTML Canvas 2D Context」
HTML5.JP「beginPath()メソッド」「closePath()メソッド」

作成者: 野中文雄
作成日: 2012年2月12日