SVG.js动画系列2-延时动画

本实例参考anime.js实现延时动画。动画效果如下：

所有的方块都是一个动画，只不过靠近两端的方块加了一个delay的延时效果。代码如下：

var draw = SVG().addTo('body').size(800, 600)

  const fcolor = "#00D672";
  const bcolor = "#242d28";
  var rects = [], poss = [];
  const startX= 100, startY = 100, space = 4;
  const rectWidth=18, rectHeight=18;
  const cols = 14; rows = 5;
  function make() {
   
    for (let i=0; i<rows; i++) {
   
      for (let j=0; j<cols; j++) {
   
        const x = startX + j*(rectWidth+space);