介绍了用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编程有所帮助。