Question

我的svg图有一些黄点（圆圈）。

<html>
<title>Yellow circles</title>
<body>
    <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" 
    x="0px" y="0px" width="622.4px" height="373px" viewBox="0 0 622.4 373" enable-background="new 0 0 622.4 373" xml:space="preserve">
        <polygon points="0.1,0 622.4,0 622.4,373 0.1,373 "/>
        <polygon fill="#3F3F3F" points="97,51.6 586.2,51.6 586.2,295.5 97,295.5 "/>
        <g transform="translate(342,1098.55)" fill="yellow">
            <g transform="scale(418.2,-405.9)">
                <circle cx=".2888" cy="2.0004" r=".004"></circle>
                <circle cx="-.2666" cy="2.0233" r=".004"></circle>
                <circle cx="0" cy="2.2727" r=".004"></circle>
                <circle cx="-.5845" cy="2.3201" r=".004"></circle>
                <circle cx="0" cy="2.5786" r=".004"></circle>
                <circle cx=".5845" cy="2.3201" r=".004"></circle>
            </g>
        </g>
    </svg>
</body>

问题是我无法在3/10台机器上看到使用Firefox的黄色圆圈（大多数情况下圆圈显示在Firefox中） enter image description here 注意，黄色点总是通过使用任何版本的Chrome显示

Answer 1

我遇到了同样的问题，并在Firefox上发现了报告的错误。在update发布之前（版本42），我的工作方法是使用椭圆而不是圆，e。 G：

<ellipse cx=".2888" cy="2.0004" rx=".004" ry=".004"></ellipse>

Svg数据 - 需要扩展和翻译，Chrome和Firefox之间的差异

1 个答案: