全网整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
电脑端+手机端+微信端=数据同步管理
免费咨询热线：400-708-3566
话不多说，请看代码：
<!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>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
# canvas
# 绘制万花筒
# 万花筒效果
# canvas绘制表盘时钟
# canvas绘制的直线动画
# js HTML5 Canvas绘制转盘抽奖
# JS+Canvas绘制时钟效果
# js+html5实现canvas绘制网页时钟的方法
# javascript+HTML5 Canvas绘制转盘抽奖
# JavaScript html5 canvas绘制时钟效果(二)
# js+canvas绘制五角星的方法
# Android编程开发之在Canvas中利用Path绘制基本图形(圆形
# 矩形
# 椭圆
# 三角形等)
# canvas绘制七巧板
# 多说
# onload
# function
# var
# window
# background
# eee
# script
# document
# setInterval
# clearRect
# arr
# getElementById
# cobj
# getContext
# xhtml
# lt
# doctype
# brush
相关文章：
C++用Dijkstra(迪杰斯特拉)算法求最短路径
如何制作网站标识牌,动态网站如何制作（教程）？
清除minerd进程的简单方法
如何快速搭建高效WAP手机网站吸引移动用户？
html制作网站的步骤有哪些,iapp如何添加网页？
黑客入侵网站服务器的常见手法有哪些？
学校免费自助建站系统：智能生成+拖拽设计+多端适配
惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？
创业网站制作流程,创业网站可靠吗？
如何在沈阳梯子盘古建站优化SEO排名与功能模块？
如何彻底卸载建站之星软件？
深圳网站制作平台,深圳市做网站好的公司有哪些？
手机网站制作与建设方案,手机网站如何建设？
建站之星云端配置指南：模板选择与SEO优化一键生成
企业宣传片制作网站有哪些,传媒公司怎么找企业宣传片项目？
购物网站制作公司有哪些,哪个购物网站比较好？
如何快速生成高效建站系统源代码？
北京制作网站的公司,北京铁路集团官方网站？
动图在线制作网站有哪些,滑动动图图集怎么做？
成都网站制作公司哪家好,四川省职工服务网是做什么用？
宝塔建站无法访问？如何排查配置与端口问题？
制作企业网站建设方案,怎样建设一个公司网站？
建站之星各版本价格是多少？
TestNG的testng.xml配置文件怎么写
中山网站推广排名,中山信息港登录入口？
如何配置支付宝与微信支付功能？
音乐网站服务器如何优化API响应速度？
微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？
如何高效生成建站之星成品网站源码？
建站主机核心功能解析：服务器选择与网站搭建流程指南
c# 服务器GC和工作站GC的区别和设置
微信小程序 input输入框控件详解及实例（多种示例）
海南网站制作公司有哪些,海口网是哪家的？
Python路径拼接规范_跨平台处理说明【指导】
如何通过宝塔面板实现本地网站访问？
深圳 网站制作,深圳招聘网站哪个比较好一点啊？
如何选购建站域名与空间？自助平台全解析
魔毅自助建站系统：模板定制与SEO优化一键生成指南
开源网站制作软件,开源网站什么意思？
存储型VPS适合搭建中小型网站吗？
建站之星微信建站一键生成小程序+多端营销系统
建站168自助建站系统：快速模板定制与SEO优化指南
如何快速生成可下载的建站源码工具？
如何在阿里云ECS服务器部署织梦CMS网站？
全景视频制作网站有哪些,全景图怎么做成网页？
如何通过NAT技术实现内网高效建站？
建站主机默认首页配置指南：核心功能与访问路径优化
如何在IIS管理器中快速创建并配置网站？
建站之星后台管理：高效配置与模板优化提升用户体验
建站之星后台搭建步骤解析：模板选择与产品管理实操指南
*请认真填写需求信息，我们会在24小时内与您取得联系。
