SVG <use>
标签在 Chrome 中不起作用。如何在不使用 SVG 使用标签的情况下对矩形、圆形、路径等 svg 形状进行分组?
编辑:
但是当我拖动<g>
时iframe 中的元素不会移动 <g>
中的所有元素包含还有其他方法来获取所有子元素并用循环拖动它们吗???
最佳答案
这似乎是旧版本 Webkit 中的一个错误。它可以在当前版本的 Chrome 中运行,但不能在 Safari 中运行。尝试像这样关闭 use 标签 <use …></use>
而不是<use …/>
它应该有效。 See this comment 。
此外,我注意到您需要指定 XML 命名空间 xmlns:xlink="http://www.w3.org/1999/xlink"
在你的svg
标记(如果您在 CSS 中将其用作数据 URI)。
关于没有 <use> 标签的 SVG 元素分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4322442/