Question

我在HTML页面中有一个嵌入式SVG。一切正常，但不适用于Firefox ......
我已经读过Firefox非常严格地解释SVG所以我尝试了很多东西以使我的SVG完美无缺。但根据Firefox认为还不够......
这是它的一部分，没有所有路径（在尝试之前）：

//user table
id  name
1   ben
2   alex
3   billy
4   john

//schedule table
year    month   date    id
2016    5       15      2
2016    5       22      1 // id 1 - ben want to swap his time with others
2016    5       23      2
2016    5       30      3
2016    5       31      1
2016    5       22      3

你对我该做什么有什么想法吗？

谢谢：）

Answer 1

嗯，并不是没有任何东西。您刚刚在fill: transparent;背景上选择了#fff #ffffff个白色笔画。

怀特白色看起来不可见： - ）

也许FireFox确实以不同于其他浏览器的方式解释#fff - #FFFFFF而不是#FFF000。

为了完整起见，我附上了我的（经过最少修改的）测试用例：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="320" height="86" viewBox="0 0 320 86">
    <defs>
        <style type="text/css">
            .cls-1 {
                fill: transparent;
                fill-rule: evenodd;
                stroke: #fff444;
                stroke-width: 6px;
            }
        </style>
        <path id="cls-1-path" d = "M 0 0 L 550 230 L 160 0"/>
        <clipPath id="clip">
            <use xlink:href="#cls-1-path"/>
        </clipPath>
    </defs>
    <path d="M319.604,36.098 C319.409, 5.551 103.736,5.687 103.192,5.881 Z" class="cls-1" id="cls-1-path" clip-path="url(#clip)"/>
</svg>

SVG没有出现在Firefox中

1 个答案: