js生成圆形和椭圆形

最新推荐文章于 2024-08-11 18:40:36 发布

万象工作室

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量505

点赞数

分类专栏： vuejs 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/u011134727/article/details/128485290

版权

vuejs 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

画一个圆

/**
 * 获取圆形
 */
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
    }