Canvas は描画効果を表示するためのタグで、img と同様のインラインブロック要素です。

同じページに複数のキャンバス タグを含めることができます

キャンバスのデフォルトは 300*150 です。キャンバスの幅と高さを設定するには、canvas 要素の属性を使用する必要があります。

js で Canvas タグを取得したら、それを使用してキャンバスを開いてグラフィックを描画する必要があります。

1.まずペンを指定の位置に移動します

2. 線を描き始めます

3. ストロークパス

指定した位置（始点）にペンが移動します

パスを描く

ストロークパス

ストロークの色の設定

線幅の設定

閉じたパス

現在のパスをクリアして新しいパスを開きます

充填

塗りつぶしの色

* はパスに属する領域を決定するために使用されます (計算結果が 0 以外の場合、パス内にあることを意味します)。 * パスで囲まれた領域内でランダムな点を見つけて、外側に向けて光線を放射します。 * 周囲のすべてのエッジと交差します。 * 次に、0 からカウントするカウンターを開始します。 * この光線が時計回りのサラウンドに遭遇した場合、1、 * 反時計回りのサラウンドに遭遇した場合は -1、 * 最終値がゼロ以外の場合、この領域はパス内にあります。 * * 注: カーディナル エッジの領域はパス内にある必要があります。