Ghr Blog

本篇介绍图形的变换与分组：平移、旋转、缩放等的用法。

有两种类型的渐变：线性渐变（linearGradient）和径向渐变（radialGradient）。并非只能简单填充颜色和描边，还可以创建并在填充和描边上应用渐变色。

本篇介绍 SVG 样式中的基础能力：fill、stroke等通用属性。

本篇涵盖文本排版相关的元素：<text>，该元素用于标注与排版，常搭配用于标签、标题、图表文字。

本篇涵盖复杂形状元素：<path>，该元素提供强大的自由曲线能力，可以用它创建线条，曲线，弧形等等。

本篇聚焦线段与多边形相关元素：<line>、<polyline>、<polygon>，涵盖坐标、样式与典型用法。

本篇覆盖 SVG 中三类最基础的图形元素：<rect>、<circle>、<ellipse>，配合示例快速掌握常用属性与效果。

<g>元素是一个容器，用于将其他SVG元素进行分组。

SVG允许我们定义以后需要重复使用的图形元素。

本文介绍SVG坐标定位。