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