绘制曲线过程图

Javascript绘制正弦曲线代码如下所示:






{ # myCanvas
背景颜色:菊蓝色;
}


函数绘图(){
无功my_canvas = document.getelementbyid(myCanvas);
无功量= my_canvas.getcontext(2D);
Content.beginPath();
(10, 100)content.moveto;
对于(var i = 1;i < 200;i = 0.1){
var x = i * 10;
var y = Math.sin(我)* 10 + 100;
Content.lineTo(x,y);
}
content.stroke();
Content.closePath();

}










动态的影响:








{ # myCanvas
背景颜色:菊蓝色;
}


var I=1;
变量x=1;
var=100;
功能movesin(){
无功my_canvas = document.getelementbyid(myCanvas);
无功量= my_canvas.getcontext(2D);
Content.beginPath();
Content.moveTo(x,y);
我= 0.1;
x=i * 10;
Y = Math.sin(我)* 10 + 100;
Content.lineTo(x,y);
content.stroke();
Content.closePath();
}
setInterval(movesin,10);