svg - svg和g元素的区别？

Question

svg使用（嵌套在 svg 中）和g元素有什么区别？

这两者都可以用来将元素组合成一个单元。什么时候应该使用嵌套svg元素，什么时候应该使用g元素？

也有symbol不渲染的元素，那么你是指使用use元素使用它，但你也可以将代码放在defs元素内部而不是使用symbol元素。symbol那么，在和拥有代码之间有什么区别，什么defs时候应该使用其中一个，我怎么知道什么时候使用哪个？

元素	类型	能见度	显着属性
svg	容器，结构	渲染	preserveAspectRatio, viewBox,zoomAndPan
g	容器，结构	渲染	transform
defs	容器，结构	不可见，将其子元素与use元素一起使用	transform
symbol	容器，结构	不可见，与use元素一起使用	preserveAspectRatio,viewBox
use	图形、参考、结构	渲染，引用另一个元素	transform

标签： svg