HTML canvas arcTo() 方法

實例

在畫布上創(chuàng)建介于兩個切線之間的?。?/p>

JavaScript：

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

運行代碼 ?

瀏覽器支持

Internet Explorer 9、Firefox、Chrome 和 Safari 支持 arcTo() 方法。

注意：Opera 不支持 arcTo() 方法。

注意：Internet Explorer 8 及之前的版本不支持 <canvas> 元素。

定義和用法

arcTo() 方法在畫布上創(chuàng)建介于兩個切線之間的弧/曲線。

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

JavaScript 語法：	context.arcTo(x1,y1,x2,y2,r);

參數(shù)值

參數(shù)	描述
x1	弧的起點的 x 坐標。
y1	弧的起點的 y 坐標。
x2	弧的終點的 x 坐標。
y2	弧的終點的 y 坐標。
r	弧的半徑。

Canvas 對象參考手冊 Canvas 對象

其他擴展

上一篇：HTML canvas arc() 方法下一篇：HTML canvas isPointInPath() 方法