页面 9 总共 13
梯度是填充和笔划属性的一个特殊应用。梯度可以产生用矢量完成的色彩渐变。SVG支持线式的(linear)和圆式的(radial)色彩梯度变化。 梯度属性的实现利用了(defs)标签(元素),这个标签包含了填充和笔划属性,由此,可以给物件加入特别的效果。结合下面的代码和例子,体会(defs)标签的含义和使用。
<defs>
<radialGradient id="gradient1" cx="150.0005"
cy="100" r="113.7914" fx="150.0005" fy="100">
<stop offset="0.19" style=
"stop-color:#FFFF00"/>
<stop offset="0.4782" style=
"stop-color:#FFD00D"/>
<stop offset="1" style=
"stop-color:#FE7312"/>
</radialGradient>
</defs>
<radialGradient id="gradient1" cx="150.0005"
cy="100" r="113.7914" fx="150.0005" fy="100">
<stop offset="0.19" style=
"stop-color:#FFFF00"/>
<stop offset="0.4782" style=
"stop-color:#FFD00D"/>
<stop offset="1" style=
"stop-color:#FE7312"/>
</radialGradient>
</defs>
请在下面的文本框中改变原来的数值(例如从左到右改为: .16 #F00F00 .782 #FFD0ff 1 #0E7312 或者使用任意你喜欢的值),然后点击set按钮查看效果。
***附加js5
