Chrome& S中的Kinetic JS性能问题歌剧

时间:2013-03-02 13:06:35

标签: html performance browser canvas kineticjs

当我使用Chrome或Opera浏览器时,我的kinetic JS应用程序中存在一些严重的性能问题。当我使用IE或Firefox时,性能很好。您可以在此处查看应用http://kinlibtst.elitno.net/ 这里有js代码:http://kinlibtst.elitno.net/new.js

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

1 个答案:

答案 0 :(得分:2)

这是一个小问题,你有很多这样的事情:

 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
    });