javascript - 如何在调整大小时提高 Konva 调整大小的性能

Question

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

问题是在 konva 代码中进行了长时间的计算。我可以快点吗？

Performance trace

我的js缩放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: ''
    }
}

Answer 1

在缩放之前缓存你的绘图......

https://konvajs.github.io/docs/performance/Shape_Caching.html