手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS绘制生成花瓣效果的方法
JS绘制生成花瓣效果的方法
摘要:本文实例讲述了JS绘制生成花瓣效果的方法。分享给大家供大家参考。具体如下:这里使用JS绘制生成花瓣效果,纯JS生成的图形绘制效果,想研究一下...

本文实例讲述了JS绘制生成花瓣效果的方法。分享给大家供大家参考。具体如下:

这里使用JS绘制生成花瓣效果,纯JS生成的图形绘制效果,想研究一下JavaScript图形绘画方面知识的,不妨参考一下这个小程序,我觉得还是挺不错的。

运行效果如下图所示:

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

具体代码如下:

<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Js绘制生成花瓣效果</title> </head> <body> <script Language="javascript"> function a(x,y,color) {document.write("<img border='0'+(x+300)+"; top: "+(y+200)+";background-color: "+color+"' src='px.gif' width=1 height=1>")} </script> <script> for(t=1;t<=360;t++){ 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 * Math.cos(2 * (Math.PI / 180) * t); x = lo * Math.cos((Math.PI / 180) * t); y = lo * Math.sin((Math.PI / 180) * t); a(x,y,"#ff0000"); } </script> </body> </html>

希望本文所述对大家的javascript程序设计有所帮助。

【JS绘制生成花瓣效果的方法】相关文章:

JavaScript动态添加style节点的方法

js+html5实现canvas绘制圆形图案的方法

Javascript实现飞动广告效果的方法

js+html5实现canvas绘制镂空字体文本的方法

AngularJS身份验证的方法

JavaScript实现鼠标滑过处生成气泡的方法

js兼容火狐显示上传图片预览效果的方法

javascript搜索框效果实现方法

删除javascript所创建子节点的方法

js+html5绘制图片到canvas的方法

精品推荐
分类导航