利用canvas绘制的拓扑动画效果

展示效果网址

reloadimage(callback){
            let imgArrs = [];
            this.imgArray.forEach((img,index,arrs)=>{
                imgArrs[index] = new Image();
                imgArrs[index].src = require("@/assets/imgs/topo/"+img.src);
                imgArrs[index].onload = ()=>{
                    if(index >= arrs.length-1){
                        this.imgArrs = imgArrs;
                        console.log(imgArrs);
                        callback();
                    }
                }
            })
        },在这里插入代码片

利用canvas绘制的拓扑动画效果http://jstopo.top/canvasLine/#/canvas。

canvas动画