码迷,mamicode.com
首页 > 其他好文 > 详细

svg径向渐变

时间:2015-06-06 18:14:15      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:svg

<!DOCTYPE html>
<html>
    <head>
        <title>在网页中直接使用 SVG 标签</title>
    </head>
    <body>
           <svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
          <defs>
         <radialGradient id="grad2" cx="0.5" cy="0.5" r="0.5" fx="0.8" fy="0.2">
        <stop offset="0" stop-color="rgb(20,151,252)"/>
        <stop offset="0.5" stop-color="rgb(164,105,190)"/>
        <stop offset="1" stop-color="rgb(255,140,0)"/>
         </radialGradient> 
          </defs>
          <rect x="0" y="0" width="200" height="200" fill="url(#grad2)" />
           </svg> 
    </body>

</html>

技术分享


svg径向渐变

标签:svg

原文地址:http://blog.csdn.net/heye13/article/details/46389811

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!