Question

我有一个由设计师提供给我的SVG。它是使用File > Export > As SVG在Illustrator中创建和导出的。它应该是具有渐变效果的圆形，但是在IE / Edge中，它只是显示为纯色。

我已经在所有其他浏览器中对此进行了测试，并且效果很好。

有人能看到问题所在吗？

这是SVG内容：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="368.7939mm" height="368.7939mm" viewBox="0 0 1045.4 1045.4001">
<defs>
    <style>.a{fill:url(#a);}</style>
    <linearGradient id="a" x1="1052.9643" y1="795.8587" x2="1053.9644" y2="795.8587" gradientTransform="matrix(1045.3361, 0, 0, -1045.3359, -1100580.4792, 832495.0613)" gradientUnits="userSpaceOnUse">
        <stop offset="0" stop-color="#27347f"/>
        <stop offset="0.9997" stop-color="#8c9090"/>
    </linearGradient>
</defs>
<title>circle-test</title>
<path class="a" d="M643.8,32.7c-288.7,0-522.7,234-522.7,522.7s234,522.7,522.7,522.7,522.7-234,522.7-522.7S932.5,32.7,643.8,32.7Zm0,837.1c-173.7,0-314.5-140.8-314.5-314.5S470.1,240.8,643.8,240.8,958.3,381.6,958.3,555.3,817.5,869.8,643.8,869.8Z" transform="translate(-121.1 -32.7)"/>
</svg>

注意：我没有内联使用此代码。这段代码被放置在.svg文件中，该文件像普通图像文件一样被包含在页面中。

谢谢！

SVG在IE / Edge中无法正确显示

0 个答案: