canvas-arc

canvas里面,用arc通過角度可以畫出圓形和弧形

function d2a(n){
  return Math.PI*n/180;
}//角度換算成弧度
var oC = document.getElementById('c1');
var gd = oC.getContext('2d');
var cx = 100;var cy = 100;
var r = 100;
gd.arc(cx,cy,r,d2a(0),d2a(360),false);
gd.fill();

注意:
arc里面的旋轉(zhuǎn)角度只能是弧度!

其中gd.arc(圓心x坐標,圓心y坐標,開始旋轉(zhuǎn)弧度,結(jié)束弧度,是否是逆時針);
通過arc可以畫一個弧

var gd = oC.getContext('2d');
gd.moveTo(200,200);
gd.arc(200,200,100,d2a(0),d2a(90),false);
gd.clothPath();
gd.stroke();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標簽 ②:HTML5 ...
    GreenHand1閱讀 4,874評論 2 32
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標簽 Canvas是一個矩形區(qū)...
    Looog閱讀 4,034評論 3 40
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標簽 Canvas是一個矩形區(qū)...
    J_L_L閱讀 1,670評論 0 4
  • 書中代碼示例效果展示:Core HTML5 Canvas Examples 基礎知識 canvas元素 canva...
    szu_bee閱讀 3,039評論 2 28
  • 出發(fā)
    a面朝大海閱讀 171評論 0 0

友情鏈接更多精彩內(nèi)容