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

Question

我在 SVG-EDITOR 上工作了很长时间。我想让编辑器根据它们的填充属性即时堆叠所有绘制的对象（在我编辑时）。这会将所有具有填充颜色的对象：黑色自动发送到后面。

有任何想法吗？

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

Answer 1

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

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

如果它是 javascript，您可以使用 insertBefore 来执行此操作，例如，查看这个类似的问题并给出很好的答案。

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

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