SVG 中的標記不會在 GitHub 網站上呈現。
這只發生在網站上,Android應用程式沒有同樣的問題。
SVG 是使用 Inkscape 創建的。
當我注意到這個問題時,我將檔案更改為優化的 SVG(檔案 -> 另存為 -> 優化的 SVG),但沒有觀察到任何變化。
編輯:情況比我最初想象的要棘手。
Firefox 根本不顯示標記,而 Chrome 和 Edge 以黑色顯示它們。此頁面上的影像在不同的瀏覽器上顯示不同。
我手動編輯了 XML 來為標記著色,最后得到了這個檔案。.
但是 Inkscape 沒有在標記上顯示紅色輪廓。
編輯:這不是我最初懷疑的 GitHub 問題,而是 Inkscape( Firefox) 問題。仍然不確定Firefox是否對此負責。
uj5u.com熱心網友回復:
更新:
因為瀏覽器仍然不支持所有 SVG2 功能,Inkscape 有一個更好的解決方法來解決這個問題:
選擇編輯>首選項。
從左側的樹中,選擇:輸入/輸出> SVG 匯出
在“ SVG 2 to SVG 1.1 ”下選中兩個復選框以使用正確的方向和顏色(如下面的螢屏截圖所示)。

現在保存 SVG 檔案,如下所示:
- 檔案>另存為.
- 選中復選框:“根據首選項對話框中的設定匯出為 SVG 1.1 ”
現在標記應該在瀏覽器中正確呈現。

Windows 用戶注意事項:
對于 Windows 用戶,您需要一個額外的步驟才能啟用“在首選項對話框中按設定匯出為 SVG 1.1 ”選項。要啟用它:
- 選擇:編輯>首選項。
- 從樹形視圖中選擇:界面> Windows。
- 在“桌面集成”下啟用“GTK 打開/保存對話框”選項,如下面的螢屏截圖所示:

舊答案(但仍然相關)
這是一個已知問題(請參閱
在這個檔案中,注意s中的屬性fill="context-stroke"和。stroke="context-stroke"<path><marker>
洗掉它們可以解決問題。仍然沒有從 Inkscape 找到直接的方法來做到這一點。
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/532137.html
標籤:svg火狐墨景
