如何在调整大小时改善Konva调整大小的性能

时间:2018-01-26 14:08:40

标签: javascript konvajs

我正在使用konva js框架来渲染大厅地图。我实现了缩放功能,发现如果大厅很大,可能需要很长时间(大约2.5秒)。

问题是这个长计算在konva代码中重新生成。我能加快一点吗?

Performance trace

我的js zoom js功能是:

zoomKonvaIn: function (el) {
    var scaleBy = 1.1;
    var stage = $(el.data('mfw_konva')).data('konva');
    var oldScale = stage.scaleX();
    var newScale = oldScale * scaleBy;
    if (newScale < 3) {
        stage.scale({x: newScale, y: newScale});
        stage.size({width: stage.initWidth * newScale, height: 
        stage.initHeight * newScale});
        stage.batchDraw();
    }
    return {
        doing: false,
        addParams: ''
    }
}

1 个答案:

答案 0 :(得分:1)