让我们的svg起飞,兼容ie9的神器

<svg xmlns="http://www.w3.org/2000/svg" width="320px" height="200px" version="1.1">
    <defs>
        <linearGradient id="g1" x1="0%" y1="0%" x2="0%" y2="100%">
            <stop offset="0%" style="stop-color:rgb(140, 192, 32);stop-opacity:1" />
            <stop offset="100%" style="stop-color:rgb(70, 150, 43);stop-opacity:1" />
        </linearGradient>
        <linearGradient id="g2" x1="0%" y1="0%" x2="0%" y2="100%">
            <stop offset="0%" style="stop-color:rgb(70, 150, 43);stop-opacity:1" />
            <stop offset="100%" style="stop-color:rgb(0, 108, 53);stop-opacity:1" />
        </linearGradient>
    </defs>
    <text x="50%" y="144" fill="red" text-anchor="middle" style="fill: url(#g1);font-size: 20px;font-family:'Microsoft Yahei'; font-weight: bolder;">空港新城站</text>
    <text x="50%" y="165" fill="red" text-anchor="middle" style="fill: url(#g2);font-size: 18px;font-family:'Microsoft Yahei'; font-weight: bolder;">敬请期待</text>
</svg>

Alt text

转载于:https://www.cnblogs.com/Silababy/p/6027002.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值