编程 Javascript

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

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

- Author -

皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

复制小说文本时出现的随机乱码的去除方法

Sep 07 Javascript

JavaScript isArray()函数判断对象类型的种种方法

Oct 11 Javascript

jquery ajax abort()的使用方法

Oct 28 Javascript

JSF中confirm弹出框的用法示例介绍

Jan 07 Javascript

javascript实现左右控制无缝滚动

Dec 31 Javascript

BootStrap实现邮件列表的分页和模态框添加邮件的功能

Oct 13 Javascript

angularjs实现的前端分页控件示例

Feb 10 Javascript

JS中type="button"和type="submit"的区别

Jul 04 Javascript

jQuery实现的页面遮罩层功能示例【测试可用】

Oct 14 jQuery

利用babel将es6语法转es5的简单示例

Dec 01 Javascript

js 数组详细操作方法及解析合集

Jun 01 Javascript

vue实现在data里引入相对路径

Jun 05 Vue.js

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