canvas arcTo()用法解釋

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

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

arcTo()方法將利用三個端點:端點一:當前端點 ,端點二:(x1,y1),端點三:(x2,y2),這三個端點所形成的夾角,然后繪制一段與夾角的兩邊相切并且半徑為r的圓上的弧線.

javascript語法:arcTo(x1,y1,x2,y2,r);

實例


在畫布上創建介于兩個切線之間的弧


?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 原文地址 我們一開始知道的有: 箭頭可以在線段開頭 也可以在結尾,也可以兩端都有。 我們希望指定一個角度θ,見圖,...
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標簽 Canvas是一個矩形區...
    J_L_L閱讀 1,557評論 0 4
  • 驗證瀏覽器是否支持 Your browser does not support HTML5 Canvas. f...
    shuaiutopia閱讀 2,656評論 0 0
  • HTML5 中新增的一個相當于畫布的標簽,自帶各種 API ,通過 JS 調用和搭配,實現圖案繪制和想要的效果。 ...
    Primers閱讀 1,460評論 0 1
  • 三、 canvas 進階 3.1 Canvas 顏色樣式和陰影 3.1.1 設置填充和描邊的顏色(掌握) fill...
    IT老馬閱讀 1,685評論 0 9