js 计算获取鼠标相对某个点的移动旋转角度

简介: // 旋转角度 function getAngle(cen, first, second) {      // cen : 中心点 [0,0]     // first : 开始点 [1,3]     // second : 结束位置 [3,4] var ...
    // 旋转角度
    function getAngle(cen, first, second) {
     // cen  : 中心点 [0,0]
     // first : 开始点 [1,3]
     // second : 结束位置 [3,4] var f_c_x = first[0] - cen[0], f_c_y = cen[1] - first[1], s_c_x = second[0] - cen[0], s_c_y = cen[1] - second[1]; var c = Math.sqrt(f_c_x * f_c_x + f_c_y * f_c_y) * Math.sqrt(s_c_x * s_c_x + s_c_y * s_c_y); if (c == 0) return -1; var angle = Math.acos((f_c_x * s_c_x + f_c_y * s_c_y) / c); // 第一象限 if (cen[0] - second[0] < 0 && cen[1] - second[1] < 0) { return angle // 第二象限 } else if (cen[0] - second[0] < 0 && cen[1] - second[1] > 0) { return angle // 第三象限 } else if (cen[0] - second[0] > 0 && cen[1] - second[1] < 0) { return 2 * Math.PI - angle // 第四象限 } else if (cen[0] - second[0] > 0 && cen[1] - second[1] > 0) { return 2 * Math.PI - angle } }

  

相关文章
|
1月前
|
JavaScript 前端开发
|
3月前
|
JavaScript
js计算时间差,包括计算,天,时,分,秒
js计算时间差,包括计算,天,时,分,秒
301 16
|
1月前
|
数据采集 存储 监控
实现自动化数据抓取:使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取,特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie,提高爬虫的效率和隐蔽性,避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作,抓取并整理新闻数据,适用于需要规避IP限制和突破频率限制的场景。
94 10
|
1月前
|
JavaScript
JS鼠标框选并删除HTML源码
这是一个js鼠标框选效果,可实现鼠标右击出现框选效果的功能。右击鼠标可拖拽框选元素,向下拖拽可实现删除效果,简单实用,欢迎下载
42 4
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器
28 1
|
2月前
|
缓存 JavaScript 前端开发
深入理解Vue.js中的计算属性与侦听属性
【10月更文挑战第5天】深入理解Vue.js中的计算属性与侦听属性
34 0
|
2月前
|
缓存 JavaScript 前端开发
探索Vue.js中的计算属性与侦听器:深入理解与实践
【10月更文挑战第5天】探索Vue.js中的计算属性与侦听器:深入理解与实践
25 0
|
6月前
|
安全 JavaScript
旋转木马轮播图 html+css+js
旋转木马轮播图 html+css+js
|
6月前
|
JavaScript 前端开发
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
杨老师课堂之JavaScript悬浮事件(鼠标移入移出事件)
41 1
|
6月前
|
Web App开发 监控 JavaScript
JS 鼠标框选(页面选择)时返回对应的 HTML 或文案内容
JS 鼠标框选(页面选择)时返回对应的 HTML 或文案内容 当用户进行鼠标框选选择了页面上的内容时,把选择的内容进行上报。 分为以下几点: 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择 input、textarea 标签内容时 选择类似 &nbsp; 字符时 键盘全选时 鼠标右键选择 以上各模块结合时 当包含标签的时候,返回 html 结构,只有文本时返回文本内容
91 1