wxDraw 大佬，这个动效插件发现了些逻辑错误，死循环调用导致性能损耗非常高。

大佬，这个动效插件发现了些逻辑错误，死循环调用导致性能损耗非常高。

Open anthonyhann opened this issue 7 years ago • 3 comments

var context = wx.createCanvasContext('first') this.wxCanvas = new Draw(context, 0, 0, 400, 500) // var rect = new Shape('rect', { x: 60, y: 60, w: 40, h: 40, fillStyle: '#2FB8AC', rotate: Math.PI / 2 }, 'mix', true) let img = new Shape('image', { x: 100, y: 300, w: 100, h: 100, file: '../../../static/image/avatar.png' }, 'fill', true) this.wxCanvas.add(img)// 添加到canvas上面 img.animate({ 'x': '+=100', 'y': '+=100' }, { duration: 1000 }).animate('rotate', Math.PI * 5, { duration: 1000 }).start()

贴上一段源代码，就是文档提供的实例代码。报错如下：

深入源码跟踪，发现是eventBus里面的对象数组有问题： `var eventBus = function eventBus() { this.eventList = []; }; eventBus.prototype = { add: function add(name, scope, event) { //添加事件初始化事件 //console.log('添加' + name); if (this.eventList.length) { this.eventList.forEach(function (ele) { if (ele.name == name) { ele.thingsList.push(event); //如果已经有了这个事件那就存list 并且退出程序 return false; } }, this); // 如果没有那就再造一个 console.log(scope);

        this.eventList.push({
            name: name,
            scope: scope,
            thingsList: [event]
        });
        console.log(this.eventList);
        
    } else {
        this.eventList.push({
            name: name,
            scope: scope,
            thingsList: [event]
        });
    }

    //console.log(this.eventList);
},`

源代码如上，打印出来的 eventList数组中的scope对象，显示是一个地域回调