话不多说,请看代码:

<!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,网站做seo的目的是什么 ,云客呼ai和黑斑马ai
seo文是什么,seo就是写文章的吗 田柯seo视频
seo描述是指什么,网站seo描述什么意思 ,ai尚佳
数据机房行业前景怎么样?
江山机房精密空调怎么样?
SEO爱站:提升网站排名,赢得流量的秘密武器,中山网站推广团队
台州seo是什么免费,台州seo是什么免费的 太仓抖音营销推广方法
SEO变现:如何通过SEO技术实现稳定收入,宁波网站就下拉通推广
SEO是什么水果刮油,seo是什么技术 ,大佬制作ai
SEO找词:如何精准找到高效关键词,提升排名和流量,荆州高端网站建设怎么收费
亚马逊产品seo什么意思,亚马逊平台产品专业术语 ,ai代销
“爱站”:开启网站优化与流量增长的新纪元,竞价推广和seo选哪个
什么seo适合静态,seo静态页面在线生成 商机网站建设渠道有哪些
SEO深度解析:如何通过深度优化提升网站排名,带来流量和转化,改图标网站建设文案
京海机房装备公司怎么样?
seo是什么熊掌号,seo是什么意思seo是什么职位 小红书的营销推广类型
SEO经营:助力企业腾飞的秘密武器,如何正确优化网站
SEO单页网站:助力企业在线营销的一站式解决方案,城阳区品牌网站优化
seo搜索是什么,seo 搜索引擎 ,ai kesen
什么叫seo推广优化,seo推广优化公司哪家好 福建seo排名代理公司
为什么seo好用,seo好不好 青岛网站获客网站建设
seo是什么意思SEO技术蜘蛛屯,seo ,画面ai音乐ai制作ai
机房课电脑刷机会怎么样?
做seo要学什么技术,seo需要什么专业 芝罘建设网站外包
主流seo是什么,seo是什么推广网站 ,摄像ai性能
如何做seo排名,seo的排名规则和计算方式 seo检测网站
SEO是什么以及全写,seo全称为 长宁区百度网站优化定制
seo整站排名优化,seo技巧seo排名优化 ,ai必读书
什么叫seo优化留痕,seo信息流优化 惠阳seo推广优化价格
SEO桔子:提升网站排名的必备法宝,天津网站建设在哪
亚马逊的seo是什么阿,亚马逊seo项目 ,能写作文的软件ai
杭州高效机房怎么样?
seo用什么手法,seo方式 ,ai山水画国画
seo学什么编程语言,seo及应用编程 怎么建设快捷网站
中原科技电脑机房怎么样?
SEO基础知识解析:如何提升网站排名,助力企业成长,手机响应式网站建设方案
VPS 1T存储空间是否满足需求?详解存储空间需求分析
SEO新手必看:从零开始SEO优化的终极指南,工地营销推广流程
VPS动态远程服务器,云端掌控,随心所欲
seo建立索引是什么,建立索引原则 抖音本人账户营销推广
SEO导航:助力网站提升流量与排名的必备工具,安康高端营销推广价格
seo是什么狗狗视频软件,狗狗视频图 ,ai腾讯写作
企业站用什么seo好,企业站seo推广方案 塔城抖音推广营销招聘
seo运营经理是什么工作,seo运营是什么意思 吉安抖音关键词排名品牌策划公司
为什么要seo 运营,为什么需要seo ,抖音ai视频怎么做
台湾VPS高价背后的秘密揭秘!
seo是什么问的读,seo什么意思中文翻译 ,ai球队
SEO详解:如何优化你的网站提升排名,获得更多流量,赤水seo网站优化
SEO获取流量的必杀技:如何通过优化轻松提升网站排名,专业的php网站建设