首页 > 网站 > WEB开发 > 正文

JS获取圆的坐标

2024-04-27 14:30:21
字体:
来源:转载
供稿:网友
JS获取圆的坐标

今天自己在写插件过程做中找到的一个不错的知识。自己做了一个小例子。

 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <!--脚本加载--> 7 <script src="js/jquery.min.js" type="text/javascript"></script> 8 <script type="text/Javascript"> 9 $(document).ready(function(e) {10     var a = 200, b = 200, r = 90, times = 0;11     setInterval(function flutter() {12         times += 0.1;13         var hudu = (2*Math.PI / 360) * 6 * times;14         var X = a + Math.sin(hudu) * r;15         var Y = b - Math.cos(hudu) * r    //  注意此处是“-”号,因为我们要得到的Y是相对于(0,0)而言的。16         //$(".sky_text").CSS({"left":X+"px","top":Y+"px"});17         $("body").append('<div style="position:absolute; left:'+X+'px; top:'+Y+'px; width:1px; height:1px; background:#00F;"></div>');18         if(times == 60){19             return;20         }21     }, 2);22 });23 </script>24 <style type="text/css">25 body,html{ padding:0; margin:0;}26 </style>27 </head>28 29 <body>30 <div style="position:absolute; left:198px; top:198px; width:4px; height:4px; background:#F00;"></div>31 </body>32 </html>

PS:写得不好请不要见怪。

PSS:原作者的链接忘记了。。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表