文章/答案/技术大牛

发布

社区首页 >问答首页 >Mozilla Firefox不显示我的svg

问Mozilla Firefox不显示我的svg
EN

Stack Overflow用户

提问于 2017-08-17 20:35:20

回答 1查看 251关注 0票数 2

为什么其他浏览器会显示这个svg标签，而Mozilla Firefox不会。

其他浏览器: Chrome、Edge、Internet Explorer。

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
     <defs id="svgDefs">
        <linearGradient id="my-gradient" gradientUnits="objectBoundingBox" spreadMethod="pad" x1="0%" y1="0%" x2="60%" y2="0%">
                <stop offset="60%" stop-color="#BBC42A" />
            <stop offset="100%" stop-color="#EF5B2B" />
        </linearGradient>
    </defs>
    <path fill="none" stroke="none" id="id_svg1" d="M0 0h24v24H0z" />
<path fill="url('#my-gradient')" stroke="url('#my-gradient')" stroke-width="0.1" id="id_svg2" d="M11 17c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1zm0-14v4h2V5.08c3.39.49 6 3.39 6 6.92 0 3.87-3.13 7-7 7s-7-3.13-7-7c0-1.68.59-3.22 1.58-4.42L12 13l1.41-1.41-6.8-6.8v.02C4.42 6.45 3 9.05 3 12c0 4.97 4.02 9 9 9 4.97 0 9-4.03 9-9s-4.03-9-9-9h-1zm7 9c0-.55-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1zM6 12c0 .55.45 1 1 1s1-.45 1-1-.45-1-1-1-1 .45-1 1z"/>

html

firefox

svg

gradient

mozilla

回答 1

Stack Overflow用户

发布于 2017-08-17 20:45:48

必须对<svg>元素使用viewBox属性。

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45735286

复制

相似问题

问Mozilla Firefox不显示我的svg
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Mozilla Firefox不显示我的svgEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Mozilla Firefox不显示我的svg
EN