泛前端开发

泛前端开发
javascript
Comments

Svg画布定位


// 角度(angle)转弧度(radian)


var radian = angle * Math.PI / 180;
var angle = radian* 180/ Math.PI;
alert(radian/ angle == Math.PI / 180);

// Math.atan2()是弧度制

var radian = Math.atan2((p1.y-p0.y),(p1.x-p0.x));

//————

//已知角度degree(0,360),半径(raduis),求圆上的点(p1)

var radian = angle * Math.PI / 180;
    p1.x = raduis * Math.cos(radian) + p0.x;  
    p1.y = raduis * Math.sin(radian) + p0.y;

function getPointAt(p0, radius, angle) {

    var radian = angle * Math.PI / 180,

        p1 = {};

    p1.x = raduis * Math.cos(radian) + p0.x;  

    p1.y = raduis * Math.sin(radian) + p0.y; 
    return p1; 

}

//———-

//两点A,B,求角度degree(0,360),A为Origin(p0).

var radian = Math.atan2((p1.y-p0.y),(p1.x-p0.x));

var angle = radian * 180 / Math.PI;

//———

//已知两点A(p0),B(p1),求AB连线上距离其中一点的D0 or D1的坐标

// ….

都是高中数学


参考:

https://zh.wikipedia.org/wiki/%E6%9E%81%E5%9D%90%E6%A0%87%E7%B3%BB

https://zh.wikipedia.org/wiki/%E7%AC%9B%E5%8D%A1%E5%84%BF%E5%9D%90%E6%A0%87%E7%B3%BB

应用场景:

https://www.thecn.com/tc129 社交关系图



原创文章,版权声明:自由转载-非商用-非衍生-保持署名 | Creative Commons BY-NC-ND 3.0

Comments