JS获取圆的坐标

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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:原作者的链接忘记了。。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航