offset属性：这个定义了该成员色的作用范围，该属性取值从0%到100%(或者是0到1)；通常第一种颜色都是设置成0%，最后一种设置成100%。
stop-color属性：这个很简单，定义了该成员色的颜色。
stop-opacity属性：定义了成员色的透明度。
x1,y1,x2,y2属性：这两个点定义了渐变的方向，默认不写的话是水平渐变，上面例子中同时也创建了一个垂直渐变。
4. 渐变色的使用，如例子中所示，直接用url(#id)的形式赋值给fill或者stroke就可以了。
5. 渐变色成员的复用：你也可以使用xlink:href引用定义过的渐变色成员，所以上面的例子也可以改写如下：
复制代码
<linearGradient id=”Gradient1″>
<stop class=”stop1″ offset=”0%”/>
<stop class=”stop2″ offset=”50%”/>
<stop class=”stop3″ offset=”100%”/>
</linearGradient>
<linearGradient id=”Gradient2″ x1=”0″ x2=”0″ y1=”0″ y2=”1″ xlink:href=”#Gradient1″/>
环形渐变
使用radialGradient元素定义环形渐变，还是使用stop定义成员色。看例子：
复制代码
<svg width=”120″ height=”240″>
<defs>
<radialGradient id=”Gradient3″>
<stop offset=”0%” stop-color=”red”/>
<stop offset=”100%” stop-color=”blue”/>
</radialGradient>
<radialGradient id=”Gradient4″ cx=”0.25″ cy=”0.25″ r=”0.25″>
<stop offset=”0%” stop-color=”red”/>
<stop offset=”100%” stop-color=”blue”/>
</radialGradient>
</defs>
<rect x=”10″ y=”10″ rx=”15″ ry=”15″ width=”100″ height=”100″ fill=”url(#Gradient3)”/>
<rect x=”10″ y=”120″ rx=”15″ ry=”15″ width=”100″ height=”100″ fill=”url(#Gradient4)”/>
</svg>
从上面的例子看到，除了元素名字和一些特别的成员，其他的所有都和线性渐变一样，包括stop的定义，必须放到defs中，必须给它设置id，使用url(#id)去赋值等。这些特别的成员如下：
offset属性：这个和线性渐变的值是一样，但是含义不一样。在环形渐变中，0%代表圆心处，这个很好理解。
cx,cy,r属性：其实也很好理解，环形渐变，当然要定义环的圆心和半径了，体会一下上面例子中圆的大小和位置就能理解了。
