首页 / JAVASCRIPT / js数学公式-曲线运动

js数学公式-曲线运动

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js数学公式-曲线运动，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1675字，纯文字阅读大概需要3分钟。

内容图文

---勾股定理
a*a + b*b =c*c
技术分享图片
---三角函数
正弦 : sin
余弦 : cos
正切 : tan
余切 : cot
正弦定理
a/sinA = b/sinB =c/sinC = 2r（r为外接圆半径）
余弦定理
cosA = b*b + c*c - a*a / 2bc
cosB = c*c + a*a - b*b / 2ca
cosC = a*a + b*b - c*c / 2ab
技术分享图片

技术分享图片 技术分享图片 技术分享图片 技术分享图片

---什么是弧度
一个角度到底代表多少弧度：这个角度所包含的外接圆的弧长/外接圆的半径

360 角度 = 2*PI*r/r 弧度(360角度 = 2*PI 弧度)
===> （单位换算）
1角度 = PI/180 弧度
1弧度 = 180/PI 角度

                                              //角度         
              testNode.style.left = startX + (deg*Math.PI/180)*step/2 +‘px‘;
                                             //Math.sin() 函数返回一个数值的正弦值。
                
              testNode.style.top = startY + Math.sin( deg*Math.PI/180 )*step*2+"px";

 



---角度转弧度 弧度转角度
弧度值 = 角度值*PI/180 角度值 = 弧度值*180/PI


---三角函数图像
曲线运动

---完成曲线运动

---与canvas结合

技术分享图片 技术分享图片 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            #test{
                position: absolute;
                left: 200px;
                top: 300px;
                width: 10px;
                height: 10px;
                background: black;
            }
            
            .box{
                position: absolute;
                border: 1px solid;
            }
        </style>
    </head>
    <body>
        <div id="test"></div>
    </body>
    <script type="text/javascript">
        
        window.onload=function(){
            var testNode = document.querySelector("#test");
            var startX = testNode.offsetLeft;
            var startY = testNode.offsetTop;
            //角度var deg =0;
            var step = 100;
            
            
            setInterval(function(){
                deg++;
                
                testNode.style.left = startX + (deg*Math.PI/180)*step/2 +‘px‘;
                
                testNode.style.top = startY + Math.sin( deg*Math.PI/180 )*step*2+"px";
                
                var boxNode = document.createElement("div");
                boxNode.classList.add("box");
                boxNode.style.left=testNode.offsetLeft+"px";
                boxNode.style.top=testNode.offsetTop+"px";
                document.body.appendChild(boxNode);
                
            },1000/60)
        }
        
        
    </script>
</html>
View Code

 

原文：https://www.cnblogs.com/hack-ing/p/11867697.html

内容总结

以上是互联网集市为您收集整理的js数学公式-曲线运动全部内容，希望文章能够帮你解决js数学公式-曲线运动所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1280225.html

来源：【匿名】