Math.sin(x)      x 的正玄值。返回值在 -1.0 到 1.0 之间;

Math.cos(x)    x 的余弦值。返回的是 -1.0 到 1.0 之间的数;

这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为: 2*PI/360*角度;

30° 角度 的弧度 = 2*PI/360*30

如何得到圆上每个点的坐标?

解决思路:根据三角形的正玄、余弦来得值;

假设一个圆的圆心坐标是(a,b),半径为r,

则圆上每个点的X坐标=a + Math.sin(2*Math.PI / 360) * r ;Y坐标=b + Math.cos(2*Math.PI / 360) * r ;

如何求时钟的秒针转动一圈的轨迹?

假设秒针的初始值(起点)为12点钟方向,圆心的坐标为(a,b)。

解决思路:一分钟为60秒,一个圆为360°,所以平均每秒的转动角度为 360°/60 = 6°;

for(var times=0; times<60; times++) {

var hudu = (2*Math.PI / 360) * 6 * times;

var X = a + Math.sin(hudu) * r;

var Y = b - Math.cos(hudu) * r    //  注意此处是“-”号,因为我们要得到的Y是相对于(0,0)而言的。

}

js圆形轨迹公式(转)相关推荐

  1. css3圆形轨迹动画

    <!doctype html>      <html lang="en">      <head>          <meta char ...

  2. 自定义控件-绕着圆形轨迹旋转的小球

    http://blog.csdn.net/xingxing_yan/article/details/54730068 转载 http://www.cnblogs.com/jiayongji/p/556 ...

  3. html设置table表格的弧度,用CSS3和table标签实现一个圆形轨迹的动画的示例代码

    html:其实就是根据table标签把几个实心圆div进行等边六角形的排布,并放入一个div容器中,然后利用CSS3的循环旋转的动画效果对最外层的div容器进行自转实现,当然不要忘了把div容器的外边 ...

  4. Python3 调用 Node.js 解析 MathJax 公式

    [背景] 下面的文本(https://www.aimsciences.org/article/doi/10.3934/cpaa.2009.8.1725) Global well-posedness f ...

  5. JS框架_(Progress.js)圆形动画进度条

    百度云盘 传送门 密码: 6mcf 圆形动画进度条效果: <!DOCTYPE html> <html lang="en"> <head>< ...

  6. three.js使用轨迹球控件TrackballControls控制相机(vue中使用three.js62)

    使用TrackballControls控制相机 1.demo效果 2.TrackballControls介绍 2.1 TrackballControls操控说明 2.2 TrackballContro ...

  7. python mathjax_Python3 调用 Node.js 解析 MathJax 公式

    [背景]Global well-posedness for the $L^2$-critical Hartree  equation on $\mathbb{R}^n$, $n\ge 3$ 被 Mat ...

  8. matlab 圆形轨迹,求助:轨迹线上画圆怎么画呢?

    是我没说清楚,我现在的问题是自己编出来一球体中心点的运动轨迹了,下面是要这个运动球体和另一个固定球体相交线. 我的程序是: clear a=109.4712;  %a=α n=100;   % 单位: ...

  9. 基于PID算法控制车辆跟踪圆形轨迹 MATLAB代码

    clear all; close all; clc;%% 参数 ts=0.1; t=30; d=1.45; p=-0.6;%% 初始状态 x(1)=0; y(1)=0; xita(1)=0; v=3; ...

最新文章

  1. 在Eclipse中写第一个hibernate小例子
  2. 机房环境监控系统基础知识
  3. 【小白学习PyTorch教程】三、Pytorch中的NN模块并实现第一个神经网络模型
  4. 【faster-rcnn】训练自己的数据集时的坑
  5. 调用python接口并画图_【PySpark源码解析】教你用Python调用高效Scala接口
  6. Spring Boot下无法加载主类 org.apache.maven.wrapper.MavenWrapperMain问题解决
  7. 如何评判软件测试的效率,如何衡量测试效率,提高测试效率?
  8. c语言选择结构程序设计笔记,C语言选择结构程序设计.ppt
  9. MySQL_JDBC_数据库连接池
  10. 图嵌入综述 (arxiv 1709.07604) 译文第一、二章
  11. SAP License:SAP系统与ERP系统的区别是什么?
  12. MySQL中将多行查询结果合并为一行展示SQL语句书写
  13. Linux——学习篇(一)
  14. 恩智浦杯智能汽车大赛—直立车模实现原理(mpu6050控制)
  15. win10注册表的备份与恢复;对“未将所有数据都成功写入到注册表中。某些项是由系统或其他进程打开的,或者你没有足够的权限执行此操作”问题的理解
  16. 邮件撤回怎么操作?个人邮箱Outlook登录入口在哪?
  17. 如何在pycharm中安装PIL模块
  18. 头歌--C++之if-else基本性质
  19. Springboot与国际化(i18n)
  20. mysql marked crashed_[MySQL]快速解决is marked as crashed and should be repaired故障

热门文章

  1. 看看阿里、百度、华为等互联网公司的年终奖都发了多少
  2. 计算机爱恩斯坦棋游戏,爱恩斯坦棋计算机博弈系统的研究与实现
  3. “协作3.0”不是玩概念,科天云让企业应用场景更多彩
  4. Unity DOTween Yoyo循环运动
  5. iOS 轻松使用 App 数据统计
  6. 【陈曲写作】考研英语写作
  7. XDOJ 1202: The Offer - Lunatic
  8. 公司金融01.现值与贴现
  9. 飞思卡尔MC9S12系列单片机地址影射以及分页问题
  10. 用Java求质数(素数)等问题