SVG 复用（defs、symbol、use）

与的相同点

元素用于预定义一个元素使其能够在SVG图像中重复使用。

元素用于定义可重复使用的符号。

嵌入在或元素中的图形是不会被直接显示的，除非你使用元素来引用它。

与的不同点

xlink定义了一套标准的在 XML 文档中创建超级链接的方法，可以用它来引用元素或内定义的元素和组。

一个元素可以有preserveAspectRatio和viewBox属性。而元素不能拥有这些属性。

因此相比于在元素中使用的方式来复用图形，使用元素也许是一个更好的选择。

的preserveAspectRatio、viewBox属性

1

2

3

4

5

6

7

8

9

10

11

12

的transform属性

1

2

3

4

5

6

7

8

9

10

11

的x、y属性

1

2

3

4

5

6

7

8

9

10

11

12

13

14

如下图可以看出， 中的 x 和 y 相当于 标签中的 dx 和 dy。

但是注意：标签并不支持 dx 和 dy。

SVG

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。