組中的D3路徑不顯示在Firefox中，只顯示在Chrome中

我有以下 - 我一直在修補它一段時間，但我似乎無法得到出現在Firefox中的路徑。有沒有人有任何線索爲什麼？圓圈出現。 Firefox代碼檢查器也給它一個0x0的大小。組中的D3路徑不顯示在Firefox中，只顯示在Chrome中

<g transform="translate(85 460)" class="avatar"> 
    <circle cy="0" cx="0" r="6" class="base"></circle> 
    <path transform="translate(0, 0) rotate(0) scale(1)" fill="black" d="M 0,0, L 0,8, L 10,0 Z"></path> 
    <circle cy="0" cx="0" r="3" class="dot"></circle> 
</g>

任何幫助將非常感激。

編輯：全SVG：

<svg style="border: 1px solid black;" height="500" width="500"> 
    <image height="500" width="500" y="0" x="0" xlink:href="image.jpg"></image> 
    <path style="opacity: 1;" d="M85,460Q81,150,85,110C91,49.99999999999999,113,60,125,60S162.75,77,165,110S131,250,140,280S204,305.5,225,310S268.75,322,280,310S291,254,300,230S328,150,340,150S371,209,380,230S394.75,278,400,290S410.5,307,415,310S424,310,430,310S449.75,307,455,310S463.5,324,465,330S465,338.75,465,350Q465,357.5,465,405" class="path selected"></path> 
    <path d="M110,395L380,395" class="path"></path> 
    <g transform="translate(85 460)" class="avatar"> 
    <circle cy="0" cx="0" r="6" class="base"></circle> 
    <path transform="rotate(0) scale(1)" fill="black" d="M 0,0, L 0,8, L 10,0 Z"></path> 
    </g> 
</svg>

來源

2016-03-05 Cenoc

您的片段是沒有''

@PaulLeBeau - 提供！ – Cenoc

每the SVG specification如果路徑上發生逗號它必須在它兩邊的數字。

您的路徑無效，並且Firefox的路徑渲染是正確的。如果沒有可以創建的路徑錯誤，我不知道是否存在Chrome瀏覽器的錯誤。

爲了讓您的路徑在FF工作，除去雜散逗號：

<path transform="rotate(0) scale(1)" fill="black" d="M 0,0 L 0,8 L 10,0 Z"></path>

來源

2016-03-05 06:35:06

組中的D3路徑不顯示在Firefox中，只顯示在Chrome中

回答

相關問題