知识点:
radialGradient 用来定义径向渐变,以对图形元素进行填充或描边。
说人话,就是定义辐射性渐变,就是以一个点为圆心,向周围进行颜色渐变。前面有文章讲解了线性渐变,有兴趣的可以点击查看:lineGradient线性渐变-- SVG_9_线性颜色渐变_竖排文字_动画
使用radialGradient的方式与使用lineGradient的方式一样,都是在defs标签中定义的,然后通过url(#id)的方式进行引用。不仅可以用在fill填充,还可以应用在stroke描边上。这里其实和另一个标签pattern--相关文章:SVG_24_pattern标签_使fill填充_stroke描边多姿多彩,效果差不多,都是达到使填充或描边丰富多彩的效果。
先上效果,由于转换成gif图片,可以看到有雪花不高清了,这其实正凸显了SVG的矢量图形优势,SVG是不会模糊的。
SVG径向渐变详解

最低0.47元/天 解锁文章
580

被折叠的 条评论
为什么被折叠?



