没有 <use> 标签的 SVG 元素分组

标签 svg

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/

相关文章:

svg - stroke-dashoffset,位置stroke-dasharray

java - 从 Jasper Reports 生成的 PDF 中的 SVG 标记

javascript - 如何在 D3.js v.4.x 中设置缩放因子?

python - 从Python脚本运行FreeCAD模块drawing_dimensioning或TechDrawGui

javascript - 如何从 svg 内部获取嵌入元素

javascript - 第 1 行第 1 列错误 : Document is empty

javascript - D3.js:创建固定数量的元素

javascript - 悬停时更改 SVG 圆形平铺世界地图上区域的颜色

javascript - 指针相对于具有动态 DOM 的元素的位置

svg - Opera 中的 SVG 文本质量不佳