JS绘制生成花瓣效果的方法
2015-08-05 00:00
691 查看
本文实例讲述了JS绘制生成花瓣效果的方法。分享给大家供大家参考。具体如下:
这里使用JS绘制生成花瓣效果,纯JS生成的图形绘制效果,想研究一下JavaScript图形绘画方面知识的,不妨参考一下这个小程序,我觉得还是挺不错的。
运行效果如下图所示:
具体代码如下:
<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' style='position: absolute; left: "+(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拖动鼠标画出方框实现鼠标选区的方法
- JS实现点击按钮控制Div变宽、增高及调整背景色的方法
- javascript实现多栏闭合展开式广告位菜单效果实例
- js实现网页抽奖实例
- 关于jsp页面链接在不同浏览器中出错的问题解决
- js框架
- js中对时间日期的处理
- 手机淘宝列表页面 的js调用展示
- js改变html的原有内容
- JS数组JSON处理心得
- 全球最快的JS模板引擎
- LitJson处理Json
- javascript的引用外部js文件时浏览器的执行顺序
- EXtJS 创建一个窗体Window
- jsp&servlet的登陆界面以及增删改查功能的实现
- 在JSP页面只获取时分秒的问题
- javaScript对象
- JavaScript之HTML DOM
- javascript面向对象(学习和理解)
- JavaScript技巧45招(转)