<!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>
分享到：
相关推荐
标题“点击鼠标画对话框客户区的内切椭圆”涉及到的是如何在MFC对话框的客户区响应鼠标事件，并在该区域内绘制一个与边界相切的椭圆。这需要对MFC事件处理机制、GDI（Graphics Device Interface）图形绘制以及坐标...
c语言 画直线和椭圆，简单，短小，干练的程序！
在易语言中实现Bresenham算法画椭圆的过程通常包括以下几个步骤： 1. 定义椭圆的中心点坐标(x0, y0)、水平半径a和垂直半径b。 2. 初始化变量：x = -a，y = 0，dx = 1 - 2 * a * a，dy = 2 * b * b，error = 0。 3. ...
首先，椭圆拟合的基本思想是找到一个椭圆方程，该方程能够最大程度地接近给定的数据点。在二维空间中，椭圆的一般方程可以表示为： \[ \frac{(x-h)^2}{a^2} + \frac{(y-k)^2}{b^2} = 1 \] 其中，\( (h,k) \) 是...
在这个示例中，我们创建了一个窗口（Window）包含了两个主要部分：一个Image控件（imgMeasure）和一个InkCanvas控件（inkCanvasMeasure）。Image控件用于显示图像，而InkCanvas则用于在图像上绘制矩形和椭圆。...
在这个问题中，我们要探讨如何在不使用坐标系旋转的情况下，利用C#窗体应用来绘制一个可以指定角度倾斜的椭圆。这种方法对于初学者或者不熟悉坐标系旋转的人来说，是一种实用的解决方案。 首先，我们要了解Windows ...
在计算机图形学中，"画斜椭圆 可任意旋转"是一个常见的需求，尤其是在设计、制图或游戏开发等场景中。本知识点将详细讲解如何实现这个功能，以及相关的技术要点。 首先，我们要理解椭圆的基本概念。椭圆是平面上一...
Bresenham算法的基本思想是从圆心出发，通过计算x和y轴方向上的增量来决定下一个像素的位置。当圆心到当前像素的距离大于半径时，x或y的值会增加；反之，则不改变。这样逐步绘制出接近圆形的像素序列。此外，还有...
// 画一个以(10, 10)为左下角，(100, 100)为右上角的椭圆 ``` 3. **画矩形**： 除了Ellipse，还有Rectangle函数用于画矩形。同样，它也需要四个参数，分别代表矩形的左下角和右上角坐标。如果矩形的宽度和高度...
在我们的场景中，PathListBox被用来创建一个沿着椭圆路径运动的动画效果。要实现这样的效果，我们需要定义一个PathGeometry对象，该对象表示椭圆的路径，然后将其设置为PathListBox的ItemsPanel的Template。 以下是...
在C#编程中，"画椭圆鼠标拖动"是一个常见的图形用户界面（GUI）功能，主要用于创建交互式绘图应用。在这个例子中，开发者利用C#和Visual Studio 2010创建了一个简单的程序，让用户可以通过鼠标拖动来绘制椭圆。下面...
总的来说，易语言结合Bresenham算法画椭圆是一个很好的实践项目，有助于理解和掌握这两种技术。易语言的简洁语法使得这个过程变得相对容易，同时Bresenham算法的效率确保了在有限的计算资源下也能快速地绘制出精确的...
增加画椭圆的菜单项，通过鼠标输入确定椭圆的参数，画一个椭圆。添加文本菜单项，文本输出“这是一个画图系统”，输出位置通过鼠标确定。 （4）学习添加对话框，通过对话框添加一个颜色，由该颜色决定上述菜单中画笔...
在Java编程语言中，我们可以利用Java AWT（Abstract Window Toolkit）和Swing库来创建一个基本的画板，实现画矩形、椭圆和直线的功能。这些组件为开发者提供了丰富的图形用户界面（GUI）功能，使得创建具有绘图能力...
计算机图形学是信息技术领域的一个重要分支，主要研究如何在计算机上生成、操作和显示图形。在计算机图形学中，画图算法是基础且关键的一部分，尤其是对于基本形状如直线、圆、椭圆等的绘制。本篇文章将深入探讨如何...
本教程将深入探讨如何在MFC环境下通过鼠标操作来实现画椭圆的功能。这一过程涉及到了计算机图形学的基本概念，特别是椭圆的数学模型。 首先，我们需要了解椭圆的基本数学原理。椭圆可以定义为所有点到两个固定点...
在计算机图形学中，画图是基本操作之一，而画椭圆则是其中的重要部分。本文将深入探讨如何使用VC++编程语言实现中点画椭圆算法。中点画圆算法是一种高效且易于理解的方法，同样适用于画椭圆，它通过控制椭圆的中心点...
画任意大小形状的椭圆
在`OnMouseMove`函数中，通过`SelectStockObject(NULL_BRUSH)`选择了一个无色（透明）画刷，以便于在画图时只绘制图形的边框，不填充颜色。 7. **绘图模式**： `GetROP2`和`SetROP2`函数用于获取和设置绘图模式，...
C++入门Windoes开发程序，用于创建一个基于WIN32平台的绘图程序，程序运行结果为画一个椭圆。适用于C++开发小白