结合<；符号>；与<；使用>；HTML页面上的SVG标记

我试图在HTML页面中结合“symbol”和“use”SVG元素，但我似乎无法让它发挥作用

我用“symbol”在页面顶部的一个div中声明了原始图形，然后用“use”调用了它。原来的图形，然后适当地显示

当我试着再往下重复时，它不会显示出来。但是，当我检查页面时，尽管该元素没有显示/呈现，并且svg“shadow root”正在显示，但仍为该元素分配了一些空间

任何帮助都会很棒

#box1，#box2{宽度：300px；}

蓝色广场

必须将

标签包装在

内，以便随后使用。请查看这篇文章，它可以进一步帮助您

#box1，#box2{宽度：300px；}

蓝色广场1


蓝色广场2

必须将

标签包装在

内，以便随后使用。请查看这篇文章，它可以进一步帮助您

#box1，#box2{宽度：300px；}

蓝色广场1


蓝色广场2

交换标签

和

用于临时隐藏内容，最近在sprites中使用最多，因为它有自己的内部

viewBox

，用于元素的额外定位

#box1，#box2{宽度：300px；}

蓝色广场

交换标签

和

用于临时隐藏内容，最近在sprites中使用最多，因为它有自己的内部

viewBox

，用于元素的额外定位

#box1，#box2{宽度：300px；}

蓝色广场

@Chenmunka请不要建议编辑以删除标记。这至少需要三个人来审查，而具有>2k rep的人可以单独完成这些编辑。我们感谢您的合作意愿，但不幸的是，这不是正确的方式。@Chenmunka请不要建议编辑以删除标记。这至少需要三个人来审查，而具有>2k rep的人可以单独完成这些编辑。我们感谢您的合作意愿，但不幸的是，这不是正确的方式。