KineticJS Stage可拖动的性能

Question

下午好。 我在优化KineticJS和阶段时遇到了一个小问题。 在我的计算机上拖动场景时，它运行平稳。 当尝试使用更低端的机器时，它会慢慢出现并呈现出一些幻灯片播放之王。 这里是初始化动力学的代码：

this.stage = new Kinetic.Stage({
    container: WF_Config.gameWindowId,
    width: $(stageContainerDOM).width(),
    height: $(stageContainerDOM).height(),
    draggable: true,
    //TODO: test on other browsers. I really not understand what it's doing :)
    dragOnTop: false,
    scale: {
        x: 1,
        y: 1
    }
});
this.layers = {
    //Listen for events only for ground cells
    ground: new Kinetic.Layer(),
    grid: new Kinetic.Layer({
        listening: false
    }),
    buildings: new Kinetic.Layer({
        listening: false
    }),
    tooltip: new Kinetic.Layer({
        listening: false
    })
};

我如何才能提高其性能？ 这里测试现场 。 单击创建游戏，并在名称和密码中写入一些字符串，并在玩家数量中写入一些整数。 你看到了。 PS感谢您的帮助，对不起我的英语不好。

Answer 1

看一下缓存。 您可以在拖放之前缓存整个舞台。 这会将整个舞台临时转换为图像。 这是有关缓存的内容：

http://www.html5canvastutorials.com/kineticjs/html5-canvas-shape-caching-with-kineticjs/