html - Chrome 和 Opera 中的 Kinetic JS 性能问题

Question

当我使用 Chrome 或 Opera 浏览器时，我的动态 JS 应用程序出现了一些严重的性能问题。当我使用 IE 或 Firefox 时，性能很好。您可以在此处查看应用程序http://kinlibtst.elitno.net/此处的 js 代码：http: //kinlibtst.elitno.net/new.js

我现在正在使用免费托管，这可能是原因吗？也许糟​​糕的主机解析器？

Answer 1

这是一个小问题，你有很多这样的事情：

 cont_venes_sel.on('mouseout', function() {
      document.body.style.cursor = "default";
      this.transitionTo({  // <--- this is a small problem, not a big one
        opacity: 0,
        duration: 0.3
      })
      stage.draw();   //  <---- this is the big problem
    });

问题是，你为什么要重绘整个舞台？
尝试这个：

   cont_venes_sel.on('mouseout', function() {
      document.body.style.cursor = "default";
      this.setOpacity(0);  // <--- much less memory required, less intense
      this.getParent().draw();   //  <---- this way you only redraw the layer
    });