SVG 代表可缩放矢量图形。它可以用来制作图形和动画，就像在 HTML 画布中一样。它是梯度元素内的定义值。该值告诉要在父元素中使用的颜色和位置。
句法：
属性：
- 偏移：它告诉梯度停止沿梯度向量定位的距离。
- stop-color：它告诉在停止点使用的颜色。
- stop-opacity：它告诉在停止点使用的 alpha 值或不透明度。默认值为 1。
示例 1：
输出：
示例 2：
输出：
示例 3：
输出：
示例 4：
输出：
