SVG 图形分组（三）

一、简介

• 通过 <g> 标签来创建分组。

• 属性继承：分组设置的属性子元素是可以继承的。

• transform 属性定义坐标变换。

• <g> 标签可以嵌套使用。

二、案例

• 通过两个 rect 元素画了一个锤子，如果需要移动或者旋转锤子，那么需要给这两个 rect 都进行处理，这个时候就可以使用 <g> 标签分组来处理了。

  

• 通过 <g> 标签进行分组，并进行旋转处理：