画一个椭圆

最新推荐文章于 2021-06-03 10:18:58 发布

ccyingfu

最新推荐文章于 2021-06-03 10:18:58 发布

阅读量105

点赞数

分类专栏： JavaScript 文章标签： XHTML HTML

本文链接：https://blog.csdn.net/ccyingfu/article/details/83642097

版权

JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript">
    /*
* Draw a Oval
* author : 李英夫, Thanks for 袁洲's help in math.
* The following is the formula of Oval.
* All dots is drawn by it.
* x = r*a*cosθ　(0 <= θ <= 2π)
* y = r*b*sinθ　(0 <= θ <= 2π)
* b*b + r*r = a*a //Pythagoras Theorem
*/
    var Circle = {
        centre_of_circle : {x:200,y:200},
     radius : 12,
   dot : function(x,y,w){
    return "<div id='dot_"+x+y+"' style='display:none;font-size:0;width:"+w+"px;height:"+w+"px;position:absolute;background-color:#000;top:"+(y)+"px;left:"+(x)+"px'></div>";
   },
   draw : function(){
    var s = "",
     dots = 500,
     a = 15,
     b = 9,
     dotsArr = [];
    for(var i = 0; i < dots; i++){
       var x = Circle.centre_of_circle.x+Circle.radius*Math.cos(i*2*Math.PI/dots)*a;
     var y = Circle.centre_of_circle.y+Circle.radius*Math.sin(i*2*Math.PI/dots)*b;
                s += Circle.dot(x, y, 2);
     dotsArr.push({"y":y,"x":x});
    }
    document.body.innerHTML = s;
    return dotsArr;
   }
    }
    window.onload = function(){
        var dots = Circle.draw();
   var count = 0;
   var t = window.setInterval(function(){
     document.getElementById("dot_"+dots[count].x+dots[count].y).style.display = "block";
     count++;
     if(count >= dots.length) window.clearInterval(t);
   },1);
    }
</script>
</head>

<body>
</body>
</html>

ccyingfu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
画一个椭圆

[code="html"]test /** Draw a Oval* author : 李英夫, Thanks for 袁洲's help in math.* The following is the formula of Oval.* All dots is drawn by it.* x = r*a*cosθ　(0 ...
复制链接

扫一扫

专栏目录