Chinaunix首页 | 论坛 | 博客
  • 博客访问: 30462437
  • 博文数量: 708
  • 博客积分: 12163
  • 博客等级: 上将
  • 技术积分: 8240
  • 用 户 组: 普通用户
  • 注册时间: 2007-12-04 20:59
文章分类

全部博文(708)

分类: Java

2011-11-14 11:54:31

圆的参数方程 x=a+r cosθ y=b+r sinθ (a,b)为圆心坐标 r为圆半径 θ为参数

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
  2. <html xmlns="">
  3.  <head>
  4.   <title> new document </title>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.   <style>
  7.     span{position:absolute; color: red}
  8.   </style>
  9.  </head>
  10.  <body>
  11.  </body>
  12.  <script type="text/javascript">
  13.  //
  14.     var showCircle = function() {
  15.         var PI = Math.PI;
  16.         return {
  17.             draw: function(r/*半径*/, _x/*x轴偏移*/, _y/*y轴偏移*/) {
  18.                 // 获得x y坐标
  19.                 var x, y;
  20.                 for(var i = 0; i < 360; i += 6) {
  21.                     x = Math.cos(PI / 180 * i) * r + _x;
  22.                     y = Math.sin(PI / 180 * i) * r + _y;
  23.                     var O = document.createElement('span');
  24.                     O.appendChild(document.createTextNode('.'));
  25.                     document.body.appendChild(O);
  26.                     O.style.left = x + 'px';
  27.                     O.style.top = y + 'px';
  28.                 }
  29.             }
  30.         }
  31.     }();

  32.     showCircle.draw(100, 400, 200);
  33.  //]]>
  34.  </script>
  35. </html>

阅读(1458) | 评论(0) | 转发(0) |
0

上一篇:DragDrop

下一篇:Javascript zoom with wheel

给主人留下些什么吧!~~