仅将黑色填充对象发送到图层的背面。SVG编辑器

Question

我在SVG编辑器上工作了很长一段时间。我想让编辑器根据它们的填充属性动态堆叠所有绘制的对象(当我在编辑时)。这将自动将所有具有填充颜色:黑色的对象发送到背面。

有什么想法吗？

基本上，我希望所有的对象与颜色填充黑色被发送到后面自动后，他们被绘制。只有黑色填充的对象。对编码有什么想法吗？

Answer 1

您应该说明您正在使用哪个库来创建SVG节点，或者指定您是否没有使用任何库(您可能应该使用一个库来关注编辑器的特定特性)。

如果您自己创建节点，您将需要动态地重新组织它们，以便在SVG DOM中的其他对象之前，您希望位于堆栈下方的对象最终到达。

如果是javascript，你可以用insertBefore来实现，比如，看看这个similar question，它有很好的答案。

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

由于形状是作为编辑器特征创建的，因此您应该知道所使用的颜色是否为黑色，并相应地发送到背面。