在HTML 5 <canvas> 標(biāo)簽用于繪制圖像，不過，<canvas> 元素本身并沒有繪制能力（它僅僅是圖形的容器），必須使用腳本（JavaScript）來完成實(shí)際的繪圖任務(wù)。

HTML canvas arcTo() 方法

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

圖片來自：菜鳥教程

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

參數(shù)（均為必須）：

????x1：兩條切線交點(diǎn)的橫坐標(biāo)；

????y1：兩條切線交點(diǎn)的縱坐標(biāo)；

????x2：第二條切線起始點(diǎn)的橫坐標(biāo)；

????y2：第二條切線起始點(diǎn)的縱坐標(biāo)；

????r：弧的半徑。

但是，當(dāng)半徑值過大時(shí)，弧線會(huì)遠(yuǎn)離切線的末端，與切線相切：

半徑過大

當(dāng)半徑值過小時(shí)，弧線不足以連接兩條切線：

半徑過小

畫了這么個(gè)東西

這是代碼