生成花瓣效果的JS绘制方法

介绍了用JS绘图生成花瓣效果的方法。分享给大家参考。具体如下：

这里用JS生成花瓣效果，纯JS生成图形绘制效果。如果你想学习JavaScript图形绘制的知识，不妨参考一下这个小程序。我觉得挺好的。

运行效果如下图所示：

具体代码如下：

html hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=gb2312' /titleJs绘图生成花瓣效果/title/headlodyscript语言=' JavaScript '函数a (x，y，color){ document . write(' img border=' 0 ' style=' position 3360 absolute；left : '(x 300 ')；top : '(y 200 ')；background-color : ' color ' ' src=' px . gif ' width=1 height=1 ')}/script script for(t=1；t=360t ){lo=200 * Math.sin(2 * (Math。PI/180)* t)；x=lo * Math.cos((Math。PI/180)* t)；y=lo * Math.sin((Math。PI/180)* t)；a(x，y，' # 000000 ')；lo=200 *数学系数(2 *(数学)。PI/180)* t)；x=lo * Math.cos((Math。PI/180)* t)；y=lo * Math.sin((Math。PI/180)* t)；a(x，y，' # ff 0000 ')；}/script/body/html希望这篇文章对你的javascript编程有所帮助。