威格灵

[crayon-6649009189018356989950/] - end

使用Math.sin生成往复递增后递减值，可以制作往返动画（控制x轴），波浪线动画（x轴递增，控制y轴），缩放动画（控制缩放）效果： [crayon-6649009189963919449612/] 使用Math.sin和cos生成在一个圆环上的点，可以制作在圆上运动的效果： [crayon-6649009189971410925108/] 方向向量。指定角度方向上的点的位置变化： [crayon-6649009189978324067431/...

首先看一下三角函数相关的计算， ● 已知一个锐角，求sin、cos、tan，即相对这个角的边的比例关系； ● 已知边的比例关系，arcsin、arccos、arctan，求相关锐角的角度。 [crayon-6649009189ec6897223999/] 再看JavaScript中的math相关api，反正切函数atan和atan2都可以根据点x、y轴位置求出与x轴夹角。 区别是atan2能够很好的区分点在哪个象限。 代码： ...

1.canvas上的鼠标点击位置 canvas坐标系在左上角(0,0)。x向右增大，y向下增大。鼠标点击的位置也是相对于浏览器可视区域document左上角的，和canvas一致。 [crayon-664900918a441264294378/] 2.点击小球 小球 [crayon-664900918a44e230622397/] 事件监听器[crayon-664900918a456406575245/] 页面 [crayon-664900918a45c283166088/] - end

1.浏览器 JS初始即运行在浏览器上的脚本语言。IE、Chrome、Firefox等。 可以说只要是网络浏览器就一定支持JavaScript，就看支持的JavaScript版本。 不同版本的浏览器支持的JS版本也不同，参考 https://blog.csdn.net/new03/article/details/84707948 直接在html中用script标签包裹js代码即可。 2.JS引擎 https://m.html.cn/qa/javascript/11312.html 如G...