Html5-canvas-drawing-paths
提供:Dev Guides
HTML5 Canvas-描画パス
キャンバスにパスを描くには、次のメソッドが必要です-
S.No. | Method and Description |
---|---|
1 |
beginPath() このメソッドは、現在のパスをリセットします。 |
2 |
moveTo(x, y) このメソッドは、指定されたポイントを持つ新しいサブパスを作成します。 |
3 |
closePath() このメソッドは、現在のサブパスをクローズとしてマークし、新しくクローズされたサブパスの開始および終了と同じポイントで新しいサブパスを開始します。 |
4 |
fill() このメソッドは、サブパスを現在の塗りつぶしスタイルで塗りつぶします。 |
5 |
stroke() このメソッドは、サブパスを現在のストロークスタイルでストロークします。 |
6 |
arc(x, y, radius, startAngle, endAngle, anticlockwise) サブパスにポイントを追加して、引数で記述された円の円周で示され、指定された開始角度で始まり、指定された終了角度で終了し、指定された方向に進む円弧がパスに追加され、直線で前のポイント。 |
例
以下は、上記のメソッドを使用して形状を描画する簡単な例です。
それは次の出力を生成します-