使用java画出星形线_JavaScript动画实例：曲线的绘制

在“JavaScript图形实例：曲线方程”一文中，我们给出了15个曲线方程绘制图形的实例。这些曲线都是根据其曲线方程，在[0,2π]区间取一系列角度值，根据给定角度值计算对应的各点坐标，然后在计算出的坐标位置描点，从而绘制出曲线。

我们可以将曲线的绘制过程动态展示出来。

例如，对于星形线的绘制，编写如下的HTML代码。

星形线的绘制

var canvas = document.getElementById('myCanvas');

var ctx = canvas.getContext('2d');

ctx.clearRect(0,0,300,300);

var theta=0;

var dig=Math.PI/256;

function motion()

{

ctx.beginPath();

var x = 80*Math.cos(theta)*Math.cos(theta)*Math.cos(theta)+150;

var y = 80*Math.sin(theta)*Math.sin(theta)*Math.sin(theta)+150;

ctx.arc(x,y, 3, 0, 2 * Math.PI);

ctx.closePath();

ctx.fillStyle = "red";

ctx.fill();

theta=theta+dig;

if (theta>2*Math.PI)

{

theta=0;

ctx.clearRect(0