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


Posted in Javascript onAugust 05, 2015

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

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

运行效果如下图所示:

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

具体代码如下:

<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程序设计有所帮助。

Javascript 相关文章推荐
网上应用的一个不错common.js脚本
Aug 08 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
Aug 14 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
May 05 Javascript
JavaScript中style.left与offsetLeft的使用及区别详解
Jun 08 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
js获取浏览器和屏幕的各种宽度高度
Feb 22 Javascript
js中arguments对象的深入理解
May 14 Javascript
Vue编程式跳转的实例代码详解
Jul 10 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
May 17 Javascript
vue移动端弹起蒙层滑动禁止底部滑动操作
Jul 22 Javascript
用javascript制作qq注册动态页面
Apr 14 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 #Javascript
将页面table内容与样式另存成excel文件的方法
Aug 05 #Javascript
JS模拟键盘打字效果的方法
Aug 05 #Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 #Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 #Javascript
js绘制圆形和矩形的方法
Aug 05 #Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 #Javascript
You might like
phpMyAdmin链接MySql错误 个人解决方案
2009/12/28 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
常用的php图片处理类(水印、等比缩放、固定高宽)分享
2015/06/19 PHP
PHP最常用的正则表达式
2017/02/13 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
jquery BS,dialog控件自适应大小
2009/07/06 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
ie 7/8不支持trim的属性的解决方案
2014/05/23 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
jQuery实现仿Google首页拖动效果的方法
2015/05/04 Javascript
Jsonp post 跨域方案
2015/07/06 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
用ES6的class模仿Vue写一个双向绑定的示例代码
2018/04/20 Javascript
QQ跳转支付宝并自动领红包脚本(最新)
2018/06/22 Javascript
详解JavaScript 作用域
2020/07/14 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
[37:47]IG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
高性能web服务器框架Tornado简单实现restful接口及开发实例
2014/07/16 Python
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
python使用多进程的实例详解
2018/09/19 Python
啥是佩奇?使用Python自动绘画小猪佩奇的代码实例
2019/02/20 Python
Python中的延迟绑定原理详解
2019/10/11 Python
使用python和pygame制作挡板弹球游戏
2019/12/03 Python
Python 实现向word(docx)中输出
2020/02/13 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
在线购买廉价折扣书籍和小说:BookOutlet.com
2018/02/19 全球购物
俄罗斯珠宝市场的领导者之一:Бронницкий ювелир
2019/10/02 全球购物
客户表扬信范文
2014/01/10 职场文书
早读迟到检讨书
2014/01/24 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
优秀的个人求职信范文
2014/05/09 职场文书
网络营销策划方案
2014/06/04 职场文书
技术负责人任命书
2014/06/05 职场文书
区域销售主管岗位职责
2014/06/15 职场文书