绘制曲线过程图

Javaｓｃｒｉｐｔ绘制正弦曲线代码如下所示：






{ # 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）；