實(shí)例

在畫布上創(chuàng)建介于兩個(gè)切線之間的弧：

JavaScript:

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

親自試一試

瀏覽器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 arcTo() 方法。

注釋：Internet Explorer 8 或更早的瀏覽器不支持 <canvas> 元素。

定義和用法

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

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

JavaScript 語法：

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

參數(shù)值