d3.js画圆弧和圆的坐标、弧长计算方法

JavaScript027

d3.js画圆弧和圆的坐标、弧长计算方法,第1张

svg路径画圆的特性:(rx ry x-axis-rotation large-arc-flag sweep-flag x y)。

rx,ry: 是椭圆的两个半轴的长度。

x-axis-rotation: 是椭圆相对于坐标系的旋转角度,角度数而非弧度数。

large-arc-flag: 是标记绘制大弧(1)还是小弧(0)部分。

sweep-flag: 是标记向顺时针(1)还是逆时针(0)方向绘制。

x,y: 是圆弧终点的坐标。

已知两点和半径求弧路径。

已知圆上两点和半径求弧长。

已知圆上的y轴半径和圆心求相交的x轴坐标。

已知圆上的x轴半径和圆心求y轴坐标。

function circle(r){

   var zc=2*3.1415926*r

   var mj=3.1415926*r*r

   console.log('圆的周长为:'+zc)

   console.log('圆的面积为:'+mj)

}

circle(2)

输入半径r即可输出对应周长和面积