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 相关文章推荐
Safari5中alert的无限循环BUG
Apr 07 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
Aug 20 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
微信小程序 仿猫眼实现实例代码
Mar 14 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
如何获取TypeScript的声明文件.d.ts
May 01 Javascript
AngularJS实现的base64编码与解码功能示例
May 17 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 Javascript
layui添加动态菜单与选项卡
Jul 26 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
JS监听Esc 键触发事键
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
php 破解防盗链图片函数
2008/12/09 PHP
解析php中如何直接执行SHELL
2013/06/28 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
JavaScript 继承详解(二)
2009/07/13 Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
2010/09/28 Javascript
Javascript保存网页为图片借助于html2canvas库实现
2014/09/05 Javascript
PHP 数组current和next用法分享
2015/03/05 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
2020/11/18 Javascript
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
详解AngularJS中的http拦截
2016/02/09 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
2016/09/04 Javascript
整理关于Bootstrap导航的慕课笔记
2017/03/29 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
GOJS+VUE实现流程图效果
2018/12/01 Javascript
Python基本数据类型详细介绍
2014/03/11 Python
python实现文件名批量替换和内容替换
2014/03/20 Python
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
Python实现把类当做字典来访问
2019/12/16 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
python 实现表情识别
2020/11/21 Python
英国亚马逊官方网站:Amazon.co.uk
2019/08/09 全球购物
阿迪达斯新加坡官方网站:adidas新加坡
2019/12/06 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
MySQL面试题
2014/01/12 面试题
缴纳养老保险的证明
2014/01/10 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
清明节随笔
2015/08/15 职场文书
优质护理服务心得体会
2016/01/22 职场文书
MySQL 如何设计统计数据表
2021/06/15 MySQL
python 使用tkinter与messagebox写界面和弹窗
2022/03/20 Python