js获取屏幕上圆和椭圆的点坐标

Posted 2023-02-06 twinkle||cll

画一个圆

/**
 * 获取圆形
 */
const getCircular = (center: number[], radius: number) => 
    const num = 360 // 点越多，圆越圆
    //待计算圆上的点 注意：半径越大需要计算的点数量越多 本示例使用360个点
    const pointArr = []
    for (let i = 0; i < num; i++) 
        //角度转弧度
        const radians = (i * (360 / num) * Math.PI) / 180
        //计算圆上的点X坐标
        const x1 = center[0] + radius * Math.cos(radians)
        //计算圆上的点Y坐标
        const y1 = center[1] + radius * Math.sin(radians)
        //赋值圆上所有点数组
        pointArr.push([x1, y1, center[2]])
    
    return pointArr

效果

画一个椭圆

function getCPoint ( center:number[], a:number, b, p = 1, ) 
      const data = []
      for (let index = 0; index < 360; index = index + p) 
        let x = a * Math.cos(Math.PI * 2 * index / 360)
        let y = b * Math.sin(Math.PI * 2 * index / 360)
        data.push([x + center[0], y + center[1], center[2]])
      
      return data
    

效果