仅将黑色填充的对象发送到BACK OF THE LAYER。 SVG编辑

Question

我现在正在研究SVG-EDITOR很长一段时间。我想让编辑器堆叠所有根据其填充属性动态绘制的对象（当我正在编辑时）。这会自动将填充颜色：黑色的所有对象发送到背面。

有什么想法吗？

基本上我希望所有颜色为黑色的物体在绘制后自动发送到背面。只有黑色填充的物体。关于编码的任何想法？

Answer 1

您应该说明您正在使用哪个库来创建SVG节点，或者指定您是否使用任何库（您应该使用一个库来专注于编辑器的特定功能）。

如果您自己创建节点，则需要动态重新组织它们，以便您希望在堆栈中的对象最终在SVG DOM中之前 。

如果是javascript，您可以使用insertBefore执行此操作，例如，请参阅此similar question并获得良好答案。

如果您使用的是Raphaël.js，则可以在创建的节点上使用.toBack（）方法。 如果您正在使用另一个库，请检查它是否具有向下发送项目的类似功能。

由于形状是作为编辑器功能创建的，因此您应该知道所使用的颜色是否为黑色并相应地发送回来。