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

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

画一个圆


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


效果


aafd9a87cd814ab8bb6d4f58b7a4fbd4.png


画一个椭圆


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
    }


效果


d0f1795e0a854ea28026015d40c6445d.png

相关文章
|
1月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
99 10
|
5月前
|
JavaScript
js【图解】滚动条的位置(文档与屏幕间的距离),鼠标事件距离(位置),元素距离(位置)
js【图解】滚动条的位置(文档与屏幕间的距离),鼠标事件距离(位置),元素距离(位置)
123 7
|
JavaScript 前端开发
[Javascript] 检测屏幕滑动方向
要使用 JavaScript 检测屏幕滑动方向,可以监听滚动事件 (scroll) 并与前一个滚动位置进行比较来确定滑动的方向。
132 0
|
7月前
|
JavaScript 前端开发
纯JS写一个win屏幕保护_奔跑的小球
纯JS写一个win屏幕保护_奔跑的小球
48 0
|
JavaScript
js获取元素相对于document的坐标
js获取元素相对于document的坐标
58 0
|
JavaScript
JS获取当前屏幕宽高
JS获取当前屏幕宽高
|
JavaScript
JS,Jquery获取各种屏幕的宽度和高度
JS,Jquery获取各种屏幕的宽度和高度
|
JavaScript 前端开发
获取屏幕、窗口和网页尺寸, 用JavaScript
本教程介绍了如何使用JavaScript获取屏幕、窗口和网页的尺寸。通过对不同尺寸的定义和访问方法进行解释,帮助读者更好地理解各种尺寸的含义和用途。
424 0
|
前端开发
一个注册页面的前端模板(html+css+javascript)可自适应屏幕
一个注册页面的前端模板(html+css+javascript)可自适应屏幕,修改样式即可用。
258 0
一个注册页面的前端模板(html+css+javascript)可自适应屏幕
|
JavaScript 前端开发
js手风琴影响body背景图自适应屏幕高度
js手风琴影响body背景图自适应屏幕高度
69 0