KonvaJS的性能问题

Question

我有一个项目使用KonvaJS（我最近从KineticJS移植它）以一种特殊的方式。我基本上用它来在等轴测视图中显示建筑物的3D表示，如您所见here。

最初一切都运行良好，但随着建筑物尺寸的增加，性能开始受到打击，因为我必须代表建筑物的照明，每个灯具都有3个多边形。我只使用一个图层和一组，舞台是可拖动的，每个灯具都是可选的，所以我使用鼠标事件。

我面临的主要问题是拖动时以及指向和缩放时重绘舞台。例如，我有一个拥有近2000个灯具的大型建筑，而且无法使用它。

这是我的节点列表的简化版本。

• 阶段
  • 层
    • wallsISO（组）
      • n x polygon
    • floorISO（组）
      • n x polygon
    • luminairesISO（组）
      • singleLuminaire（组）
        • 3 x polygon
      • singleLuminaire（group）
      • ...

我应该使用不同的图层吗？会更好吗？有什么我想念的吗？我开始认为我应该使用3D框架。