在HTML 5 <canvas> 標(biāo)簽用于繪制圖像论寨，不過(guò)屏富，<canvas> 元素本身并沒(méi)有繪制能力（它僅僅是圖形的容器）奉瘤，必須使用腳本（JavaScript）來(lái)完成實(shí)際的繪圖任務(wù)泌射。
HTML canvas arcTo() 方法
arcTo() 方法用于在畫(huà)布上創(chuàng)建介于兩個(gè)切線之間的弧/曲線
圖片來(lái)自：菜鳥(niǎo)教程
基本語(yǔ)法：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)半徑值過(guò)大時(shí)考榨，弧線會(huì)遠(yuǎn)離切線的末端跨细，與切線相切：
半徑過(guò)大
當(dāng)半徑值過(guò)小時(shí)，弧線不足以連接兩條切線：
半徑過(guò)小
畫(huà)了這么個(gè)東西
這是代碼
