EaselJS 对象检查器

Question

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

我对调试器的要求列表是

• 必须能够阻止 CreateJS 滴答传播到 GUI 的非调试部分，以便这些部分在检查期间不会发生变化。
• 在检查模式下，必须可以看到 GUI 的非调试部分的层次结构树。
• 在检查模式下，当层级树中的一个元素被选中时，相应的可见画布图形必须改变外观，以清楚地区分它与画布上的其他图形，使其边界清晰可见。
• 在检查模式下，当在画布上选择一个点时，相应的元素必须在层次结构树中可见并突出显示。
• 在检查模式下，当在画布上选择一个点时，必须为相应元素显示以下属性：坐标和大小。

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

• 阶段遍历和数据提取。
• 提取数据的树形表示。
• 特定舞台对象的突出显示。
• 舞台滴答声的控制。

是否有库可以帮助我创建这样的检查器工具？

Answer 1

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

问题是Shapes do not have a size 除非手动设置它。