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 相关文章推荐
javascript延时加载之defer测试
Dec 28 Javascript
鼠标移到div,浮层显示明细,弹出层与div的上边距左边距重合(示例代码)
Dec 14 Javascript
JS批量修改PS中图层名称的方法
Jan 26 Javascript
使表格的标题列可左右拉伸jquery插件封装
Nov 24 Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
jQuery插件实现无缝滚动特效
Nov 24 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
Vue 按键修饰符处理事件的方法
May 04 Javascript
详解从0开始搭建微信小程序(前后端)的全过程
Apr 15 Javascript
深入理解 TypeScript Reflect Metadata
Dec 12 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 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
PHP中其实也可以用方法链
2011/11/10 PHP
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
php+ajax注册实时验证功能
2016/07/20 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
prototype1.4中文手册
2006/09/22 Javascript
JavaScript 语法集锦 脚本之家基础推荐
2009/11/15 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
jquery自定义表单验证插件
2016/10/12 Javascript
js时间查询插件使用详解
2017/04/07 Javascript
Node.JS文件系统解析实例详解
2017/05/15 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
JavaScript 异步调用
2017/10/25 Javascript
layui实现点击按钮给table添加一行
2018/08/10 Javascript
Vue Elenent实现表格相同数据列合并
2020/11/30 Vue.js
[01:04:14]VP vs TNC 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
Python实现定时任务
2017/02/08 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
python中前缀运算符 *和 **的用法示例详解
2020/05/28 Python
python开发入门——列表生成式
2020/09/03 Python
基于Python采集爬取微信公众号历史数据
2020/11/27 Python
使用CSS3美化HTML表单的技巧演示
2016/05/17 HTML / CSS
安德玛比利时官网:Under Armour比利时
2019/08/28 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
总经理助理工作职责
2014/02/06 职场文书
品牌推广策划方案
2014/05/28 职场文书
国际贸易实训报告
2014/11/05 职场文书
硕士学位申请报告
2015/05/15 职场文书
2016年小学生新年寄语
2015/08/18 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
MySQL数据库优化之通过索引解决SQL性能问题
2022/04/10 MySQL