SVG 图形分组(三)

一、简介

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

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

  • transform 属性定义坐标变换。

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

二、案例

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

    SVG 图形分组(三)

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

    SVG 图形分组(三)

    SVG 图形分组(三)

上一篇:SVG 线性渐变 和 径向渐变


下一篇:SVG绘图