HTML DOM arcTo() 方法
定義和用法
arcTo() 方法使用使用切點和一個半徑，來為當前子路徑添加一條圓弧。
語法
arcTo(x1, y1, x2, y2, radius)
參數(shù)
| 參數(shù) | 描述 |
|---|---|
| x1, y1 | 點 P1 的坐標。 |
| x2, y2 | 點 P2 的坐標。 |
| radius | 定義圓弧的圓的半徑。 |
描述
這個方法為當前的子路徑添加了一條圓弧，但是，它所描述的這條圓弧和 arc() 方法所描述的圓弧大不相同。添加給路徑的圓弧是具有指定 radius 的圓的一部分。該圓弧有一個點與當前位置到 P1 的線段相切，還有一個點和從 P1 到 P2 的線段相切。這兩個切點就是圓弧的起點和終點，圓弧繪制的方向就是連接這兩個點的最短圓弧的方向。
在很多常見的應用中，圓弧開始于當前位置而結束于 P2，但情況并不總是這樣。如果當前的位置和圓弧的起點不同，這個方法添加了一條從當前位置到圓弧起點的直線。這個方法總是將當前位置設置為圓弧的終點。
實例
可以用下面的代碼繪制一個矩形的右上角（圓角）：
c.moveTo(10,10); //在左上方開始 c.lineTo(90,10); //到達圓角開始點的水平線 c.arcTo(100,10,100,20,10); //圓角 c.lineTo(100,100); //到達右下方的垂直線
提示和注釋
注釋：這個方法在 Firefox 1.5 中未實現(xiàn)。