HTML5动画封装函数

构造函数使用

// el：canvs元素
// injeSpeed：注入速度  1 -> 400	0或者空串是默认值340
// animSpeed：动画速度  1 - 1000	0或者空串是默认值60
// 注入器: 定时向数组注入随机圆的信息
// 循环变化器: 每次执行个体的信息的改变，以及判断是否需要删除个体
// 		删除个体：当个体的某个值满足条件时 清除容器的的第i位
// 注入器 --> 循环变化器 --> 循环变化器 -->循环绘制器
// InjeConts：个体信息
var canvs = document.querySelector('canvas')
new canvaAnim({
   
	el: canvs,injeSpeed: 340,animSpeed: 60, 						
  // 注入器，将注入个体信息返回
	injection() {
   return {
   width: 0,height: 0}},
  // 循环变化器
	changer(InjeCont) {
     
		InjeCont.width++
		InjeCont.height++
		// 达成条件返回true，代表删除个体信息
		if(InjeCont.width> 100){
   return true} 
	},
  // 循环绘制器
	plotter