EaselJS对象检查器

Question

我是converting an existing code base from using Flash to using CreateJS但是我需要一种方法来停止Stage更新并检查EaselJS GUI元素 用于调试。

我的调试器要求列表是

• 必须可以停止将CreateJS标记传播到GUI的非调试部分，以便在检查期间不会更改这些部分。
• 在检查模式下，必须能够看到GUI的非调试部分的层次结构树。
• 在检查模式下，当选择层次树中的元素时，相应的可见画布图形必须更改外观，以便将其与画布上的其他图形区分开来，以便其边界清晰可见。
• 在检查模式下，当在画布上选择一个点时，相应的元素必须在层次结构树中可见并突出显示。
• 在检查模式下，当在画布上选择一个点时，必须为相应的元素显示以下属性：coordinates＆amp;大小

要实现上述目标，我至少需要实现这些部分。

• 阶段遍历和数据提取。
• 提取数据的树形图。
• 特定舞台对象的精彩部分。
• 控制舞台滴答声。

是否有可以帮助我创建此类检查工具的库？

Answer 1

EaselJS-Inspector是如何解决上述所有问题的示例，除了我对所有DisplayObject使用固定大小。

问题在于Shapes do not have a size，除非有人手动设置它。