javascript - Kineticjs 停止渲染

Question

将 kinetic js 用于信息亭上的可搜索目录列表。效果很好!除了一个问题。我在 chrome 中，旁边有一个 a、b、c、d 等列表，用户可以单击以获取以该字母开头的名称。当点击一个字母时，它会重新渲染整个舞台。这样做 10-15 次后，舞台出现空白，但我仍然可以点击名称所在的位置并获取其详细信息“灯箱”或点击字母所在的位置并获得新列表，但仍然是空白舞台，即在任何矩形或文本上都没有填充或颜色。更糟糕的是，如果我转到一个完全不同的 kiosk 页面，该页面使用 KineticJS 做其他事情，它不会呈现，也不会再次呈现，除非我离开域(本地主机)并去谷歌或其他东西然后回来，或者打开一个新标签页或重新启动 Chrome。我现在完全迷失了，如果我无法解决这个问题，那么在没有 Kinetic 的情况下重做将是一个巨大的损失。

我已经完成并尝试确保我的内存管理正常并且非常确定。我的系统内存确实增长了，但 Chrome 似乎可以相当快地收集垃圾。我什至尝试在我重新渲染时创建的每个 kineticjs 对象上调用 destroy() 但没有成功。

Answer 1

Chrome 29 中存在一个与 Canvas 渲染有关的已知问题。该问题不存在于版本 28 或 30 中。加入聚会并帮助引起人们对问题的关注。 :) https://code.google.com/p/chromium/issues/detail?id=280153&thanks=280153&ts=1377616231#makechanges

作为临时解决方法，您可以通过将“禁用加速 2D Canvas ”标志设置为启用来关闭 2d Canvas 加速。