Path2D

建構函式

Path2D()

Path2D 建構函式。建立一個新的 Path2D 物件。

例項方法

Path2D.addPath()

將一個路徑新增到當前路徑。

Path2D.closePath()

使畫筆點移回到當前子路徑的起點。它嘗試從當前點到起點繪製一條直線。如果形狀已關閉或只有一個點，此函式不執行任何操作。

Path2D.moveTo()

將新子路徑的起點移動到 (x, y) 座標。

Path2D.lineTo()

用一條直線將子路徑的最後一個點連線到 (x, y) 座標。

Path2D.bezierCurveTo()

向路徑新增三次貝塞爾曲線。它需要三個點。前兩個點是控制點，第三個點是終點。起點是當前路徑中的最後一個點，可以在建立貝塞爾曲線之前使用 moveTo() 進行更改。

Path2D.quadraticCurveTo()

向當前路徑新增一條二次貝塞爾曲線。

Path2D.arc()

向路徑新增一個圓弧，該圓弧以 (x, y) 位置為中心，半徑為 r，從 startAngle 開始，到 endAngle 結束，並按給定的方向（counterclockwise，預設為順時針）繪製。

Path2D.arcTo()

向路徑新增一個圓弧，該圓弧具有給定的控制點和半徑，並與前一個點透過一條直線連線。

Path2D.ellipse()

向路徑新增一個橢圓弧，該橢圓弧以 (x, y) 位置為中心，半徑分別為 radiusX 和 radiusY，從 startAngle 開始，到 endAngle 結束，並按給定的方向（counterclockwise，預設為順時針）繪製。

Path2D.rect()

在 (x, y) 位置建立一個矩形路徑，其大小由 width 和 height 確定。

Path2D.roundRect()

在 (x, y) 位置建立一個圓角矩形路徑，其大小由 width 和 height 確定，用於矩形角的圓弧半徑由 radii 確定。

規範

瀏覽器相容性

另見

• CanvasRenderingContext2D