Canvas arcTo() 方法

Canvas Reference Manual

定義和用法

arcTo() 方法在畫布上創建兩條切線之間的弧/曲線。

提示：請使用 stroke() 方法在畫布上繪製精確的弧。

實例

在畫布上創建兩條切線之間的弧：

您的瀏覽器不支持 HTML5 canvas 標籤。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.beginPath();
ctx.moveTo(20,20);           // 創建開始點
ctx.lineTo(100,20);          // 創建水平線
ctx.arcTo(150,20,150,70,50); // 創建弧
ctx.lineTo(150,120);         // 創建垂直線
ctx.stroke();                // 繪製進行

親自試一試

語法

context.fillRect(x1,y1,x2,y2,r);

參數值

參數 描述
x1 弧的起點的 x 座標
y1 弧的起點的 y 座標
x2 弧的終點的 x 座標
y2 Ang y-coordinate ng dulo ng ark
r Ang laki ng silong ng ark

Browser Support

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

Komentaryo:Internet Explorer 8 at mas maagang bersyon ay hindi sumusuporta sa <canvas> elemento.

Canvas Reference Manual