代码之家 › 专栏 › 技术社区 › Spadar Shut

将svg文档的所有直接子文档包装到<g>中进行缩放安全吗?

zoom svg javascript

0

Spadar Shut · 技术社区 · 14 年前

在我的应用程序中,我加载不同的SVG文件并需要缩放它们。在我看来,我需要对一个元素应用一个转换矩阵来缩放它,但这对SVG元素不起作用,所以我需要将所有内容包装在一个 <g>

所以我的问题是这样做安全吗?允许这样的元素吗 <defs> 不是孩子的直系亲属 <svg> <g> <定义> 在这种情况下?如果我把所有的东西都包装在一张纸上,还会出现什么问题 <g>

1 回复 | 直到 14 年前

1

2

Erik Dahlström 14 年前

是的,你可以用 <defs> 无论您需要它在哪里,尽管最好将它作为根元素的直接子元素。问问你自己,你是否真的需要把风格继承到 <定义> 内容。通常是里面的内容 <定义> 被其他元素引用,例如 <use> ,所以大多数时候 <定义> 已放置。

论网络的变革 <g> 元素不会影响孩子 <定义> < 无论如何都需要小心,因为正确计算结果通常需要更多的上下文,例如百分比和objectBoundingBox单位分别取决于视口和引用元素。