让我们的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

posted @ 2016-11-03 16:02  Silababy  阅读(1539)  评论(0编辑  收藏  举报