javascript画圆和椭圆

最新推荐文章于 2024-06-05 16:38:00 发布

bob007

最新推荐文章于 2024-06-05 16:38:00 发布

阅读量1.5k

点赞数

文章标签： javascript function html date class div

<html>
<head><title></title></head>
<body>
<style type="text/css">
.dp {position:absolute; width:1px; height:1px; overflow:hidden; background-color:#666666}
</style>
<script language="javascript">

// Author:张郎 winer_n
function drawOval(x, y, a, b)
{
    if (arguments .length = = 3 )
    {
        return drawOval(x, y, a, a);
    }
    var i, j;
    var tpos = [];
    var x1, x2, y1, y2;
    var html = "" ;
    for (i = 0 ; i < = a; i+ + )
    {
        j = Math.floor(Math.sqrt(b* b - b* b* i* i/ (a* a))+ 0 .5 );
        x1 = i+ x;
        x2 = - i+ x;
        y1 = j+ y;
        y2 = - j+ y;
        if (! tpos[x1* 1000 + y1])
        {
            drawPos(x1,y1);
            drawPos(x1,y2);
            drawPos(x2,y1);
            drawPos(x2,y2);
            tpos[x1* 1000 + y1] = true ;
        }
    }
    for (i = 0 ; i < = b; i+ + )
    {
        j = Math.floor(Math.sqrt(a* a - a* a* i* i/ (b* b))+ 0 .5 );
        x1 = j+ x;
        x2 = - j+ x;
        y1 = i+ y;
        y2 = - i+ y;
        if (! tpos[x1* 1000 + y1])
        {
            drawPos(x1,y1);
            drawPos(x1,y2);
            drawPos(x2,y1);
            drawPos(x2,y2);
            tpos[x1* 1000 + y1] = true ;
        }
    }
    document .write(html);

    function drawPos(x, y)
    {
        html + = "<div class='dp' style='left:" + x + "px; top:" + y + "px;'></div>" ;
    }

}

var t = new Date ();
drawOval(200 , 200 , 100 ); // 圆
drawOval(300 , 300 , 200 , 100 ); // 椭圆
alert(new Date () - t);

</script>
</body>
</html>

bob007

关注

0
点赞
踩
0

收藏

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

<br /><html><br /><head><title></title></head><br /><body><br /><style type="text/css"><br />.dp {position:absolute; width:1px; height:1px; overflow:hidden; background-color:#666666}<br /></style><br /><script language="javascript"><br />// Aut
复制链接

扫一扫