话不多说,请看代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>万花筒</title>
<style>
canvas{
background:#eee;
}
</style>
<script>
window.onload = function(){
var canvas = document.getElementById("canvas");
var cobj = canvas.getContext("2d");
var arr = [];
var t=setInterval(function(){
cobj.clearRect(0,0,600,600);
for(var i=0;i<arr.length;i++){
cobj.save();
cobj.translate(300,300);
cobj.scale(arr[i].scales,arr[i].scales);
cobj.rotate(arr[i].angle*Math.PI/180);
cobj.fillStyle = arr[i].color;
cobj.fillRect(arr[i].num,arr[i].num,30,30);
cobj.restore();
}
},50);
setInterval(function(){
for(var i=0;i<arr.length;i++){
if(arr[i].num<=0){
arr.splice(i,1);
continue;
}
arr[i].angle+=2;
arr[i].num-=0.2;
arr[i].scales-=0.002;
if(arr[i].scales<=0.2){
arr[i].scales=0.2;
}
}
},50);
setInterval(function(){
var rect = {angle:0,num:150,scales:1,color:"rgb("+parseInt(Math.random()*255)+","+parseInt(Math.random()*255)+","+parseInt(Math.random()*255)+")"};
arr.push(rect);
},600);
}
</script>
</head>
<body>
<canvas width="600" height="600" id="canvas"></canvas>
</body>
</html>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!
相关推荐:
seo是什么营销,seo算什么营销 品牌网站推广就找w火20星
seo涉及什么内容,seo主要包括 ,ai模拟拍照
seo是什么牌子中文,seo是什么意思中文 ,清冷感古风ai
金马家具机房怎么样?
《收录情况:数字时代的网络信息检索与价值体现》,南昌专业网站优化服务商
SEO白帽:提升网站排名的绿色正道,网络社群营销推广流程
东南亚VPS动态IP解析揭秘与深度探索
农村通信电信机房怎么样?
SEO总结:如何通过优化提升网站排名与流量,烟台汽车网站建设
探索游戏迷们的最佳伙伴,优质游戏VPS推荐!
台湾VPS评测,高防空间,网络安全之优选!
seo技能主要是什么,seo技能主要是什么内容 电工电气网站优化哪家好
为什么“搜狗不收录”会成为企业SEO的新挑战?,宁夏seo教程有哪些
SEO而且:打造高效网站流量增长的秘密武器,众联加餐饮线上营销推广
SEO差价如何用SEO优化帮助企业实现成本与效益的完美平衡,杭州商家推广营销公司招聘
seo描述是指什么,网站seo描述什么意思 ,ai尚佳
揭秘vps.win1.starmc.cn,一网掌握所有细节
WP原创:打造属于你的独特网站,从这里开始!,seo怎么设置闭站
SEO精通:让你的内容在搜索引擎中脱颖而出,沧州seo推广介绍
日立老梯机房怎么样?
香港VPS主机故障解析大全,常见问题一网打尽!
SEO优化:让你的网站在竞争中脱颖而出,推广营销费用怎么算的
seo属于什么职业运营,seo属于什么专业类别 提高关键词排名认可h火17星
seo网站通过什么软件,网站seo软件哪个 ,ai文字转换ai语音
VPS动态远程服务器,云端掌控,随心所欲
seo是什么东西啊,seo什么意思简单来说 ,ai 焰火
seo教程什么是标签词 ,手办ai tag
SEO韩国:为您开启国际市场的增长之门,商科公司新闻网站推广
SEO快速提升:让你的网站排名瞬间飙升的秘诀,上海seo规则推广
SEO如何通过正确的SEO策略引爆你的流量与排名,重庆seo软件批发公司
汇众教育机房怎么样?
华为机房电源系统怎么样?
机房移动空调怎么样安装?
SEO笔记:如何打造高效的SEO策略提升网站排名,新昌县网站建设推广
恒华机房设备怎么样?
怎么样造个飞机房?
seo有什么核心技术,seo有什么核心技术吗 ,ai-xuan.
亚马逊的seo是什么阿,亚马逊seo项目 ,能写作文的软件ai
seo搜索关键词排名,seo关键词排名在线查询 ,5418ai7402
做seo要投入什么,做seo要投入什么资金 桦甸网站建设哪家好
SEO怎么做才能提升网站流量与排名?这篇文章给你全攻略,自助网站建设优化企业
seo属于什么职能类别,seo属于什么职能类别的 天门网站推广哪里好做
seo是什么职业 学院,seo专业学校 ,ai制作空间文字效果
seo网站自学看什么书,seo技术适合自学吗 ,写作ai软件收费吗多少钱
seo有什么工作方向,seo从事什么行业的工作 |直播|推广营销场景选什么
seo搜索矩阵平台是什么,seo搜索工具 ,小茗ai
seo属于什么职位类型类别,seo是什么的职务 旅游营销推广定位
seo的推广工具,seo推广软件哪个好 ,ai中剪切蒙版
SEO观看:如何通过优化提升您的网站流量和品牌影响力,怀柔区网站建设要多少钱
SEO难吗?揭秘SEO背后的真相,让你轻松上手!,seo特训营维修模板