KineticJs中组和层之间有什么区别

Question

我正在使用KineticJS开发HTML5 Web应用程序。我读到在KineticJS中有分组和分层。据我所知，它们之间没有区别。你能告诉我差异吗？

Answer 1

基本区别：组是容器，而图层是分隔符。

组：

• 组是图层内形状对象的容器。
• 例如，一个组可能包含圆形和矩形。
• 可以操纵组，并且可以类似地操纵该组中的所有元素。
• 例如，拖动组将同时拖动该组中包含的圆和矩形。

层：

• 图层实际上是彼此堆叠的独立画布元素。
• 这类似于Photoshop和Illustrator中图层的工作方式。
• 同时可以看到多个图层。
• 如果来自不同图层的对象重叠，则最顶层的对象会完全显示（如z-indexing）。

组用于包含多个项目，因此可以将它们作为一个组进行操作 - 例如将圆圈和线条放入组中以创建“火柴人”。移动小组将移动火柴人的所有部分。

图层用于分隔不同的项目 - 例如，背景图层不会发生变化，顶层图层会发生动画。

Answer 2

组只是一组元素或对象可以以任何方式堆叠，通常在图层中。

图层是不同的画布区域，可以在舞台上相互叠加。