php花瓣,JS实现花瓣效果代码展示
本文实例讲述了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程序设计有所帮助。
php花瓣,JS实现花瓣效果代码展示相关推荐
- js重力球效果代码实例
分享一段代码实例,它利用js实现了重力球效果. 本例子中,用鼠标向下拖动小球,然后松开即可查看演示. 代码实例如下: 001 002 003 004 005 006 007 008 009 010 0 ...
- 程序员520❤七夕情人节表白代码Html+Js+Css花瓣相册网页模板❤程序员表白必备
❉ 520程序员求婚Html+Js+Css花瓣相册❤ (爱心3D动画,自定义文字)/ 程序员表白必备 一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/程序员表白, 非常经典的程序员式的表达爱 ...
- css和js实现3d图片,JavaScript_纯JS实现旋转图片3D展示效果,CSS:style type=text/cssgt - phpStudy...
纯JS实现旋转图片3D展示效果 CSS: #show{position:relative;margin:20px auto;width:800px;} .item{position:absolute; ...
- html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码
本文实例讲述了JS实现的表格行鼠标点击高亮效果代码.分享给大家供大家参考,具体如下: 偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效) var high ...
- js php滚动图代码,JavaScript_JS实现的N多简单无缝滚动代码(包含图文效果),本文实例讲述了JS实现的N多简 - phpStudy...
JS实现的N多简单无缝滚动代码(包含图文效果) 本文实例讲述了JS实现的N多简单无缝滚动代码.分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次. ...
- 动态二级下拉菜单html,js实现简洁大方的二级下拉菜单效果代码
本文实例讲述了js实现简洁大方的二级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款简洁大方的二级下拉菜单,菜单的颜色自己根据需要重新定义吧,这里仅给大家提供一种制作二级菜单的思路,整体效 ...
- html鼠标点击切换图片,js鼠标点击图片切换效果代码分享
本文实例讲述了js鼠标点击图片切换效果.分享给大家供大家参考.具体如下: 实现原理很简单,其实是多张图片叠加起来,点击图片后依次赋予图片一个class,使其看起来在表面而已,点击图片,可以实现图片的不 ...
- html鼠标滚动效果代码,JS+CSS实现大气清新的滑动菜单效果代码
本文实例讲述了JS+CSS实现大气清新的滑动菜单效果代码.分享给大家供大家参考,具体如下: 这是一款比较大气清新的滑动导航菜单,CSS和JavaScript配合完成,鼠标放到一级菜单上,会滑出二级的菜 ...
- php vue联动查询,使用vue.js实现联动效果的示例代码
摘要:本篇文章主要介绍了使用vue.js实现联动效果的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧想用vue.js写一个联动效果,按照自己的思路实验了下,并没有 ...
最新文章
- AD上删除了Exchange容器,再重装时报'找不到企业组织容器
- 人工智能犯罪:先行预防还是事后严惩
- html中radio值的获取、赋值、注册事件示例详解
- 【干货】系统管理员必备,服务器监控工具汇总
- Dreamweaver使用详解
- Centos5 install vnc
- 手写及场景文字分析与识别的一些新尝试
- parrot linux iso下载,Parrot 4.7 发布,基于Debian的数字取证和隐私保护Linux发行版
- 使用单例时一定要注意的一个问题
- python 爬取直播_Python爬取直播视频
- 分享免费下载论文的网站
- gitlab增加p3c-hook强制代码规范
- 用form表单提交时,出现415错误
- 英语知识点整理day02
- AWD简单介绍和搭建AWD平台
- cpu倍频怎么调_认识外频和倍频,可以极限超频,把你CPU性能发挥到最大化
- For ‘mall-coupon‘ URL not provided. Will try picking an instance via load-balancing. org.springfram
- Machine Learning Basics(2)
- Kubernetes调度器源码学习(三):Preempt抢占机制、调度失败与重试处理
- JQJQJQJQdefferd详解
热门文章
- 对于“微信”和“微博”两款产品,从“社交”维度上来说,你认为二者有何区别?
- ArduinoJson天行数据平台json数据处理
- Excel数据可视化图形
- 云数据库技术行业动态@2022-09-30
- Bosch欲打造物联网云网络
- Android: R cannot be resolved to a variable
- 一文看懂TVS二极管SM8S30A
- Python的_MSC_VER版本和VC++版本的对应
- 深入理解Oracle直方图
- oracle serializable含义,对SERIALIZABLE隔离级别的反思