我會從這個網站提取 SVG 背景:https : //www.jegy.hu/program/a-nagy-gatsby-103655/720007
但是當我保存它時:
<svg xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
preserveAspectRatio="xMidYMin"
width="1000"
height="1000"
id="svg19807"
sodipodi:docname="3348_structure_háttér.svg"
inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
style="transform-origin: left top; transform: translate3d(0px, 0px, 0px) scale(0.53);">
<metadata id="metadata19813">
<rdf:rdf>
<cc:work rdf:about="">
<dc:format>image/svg xml</dc:format>
我收到此錯誤:
Entity 'nbsp' not defined
我在這里紅色這個案例:如何在 svg 中顯示 html 編碼的值?
但我無法使用。
那么這個SVG是如何特定的以及如何保存它以便能夠將其作為影像打開。
uj5u.com熱心網友回復:
不幸的是,沒有可靠的方法可以做到這一點,尤其是。用于由 JS 動態生成/修改的 svg。設計軟體和 Web 瀏覽器在它們支持的 svg 標簽以及它們如何呈現它們支持的標簽方面變化很大。Web 瀏覽器通常非常松散,即使是最混亂的標記也會嘗試呈現,而設計軟體往往恰恰相反。
此工具有助于“清理”已被網頁洗掉的 svg 標記。https://jakearchibald.github.io/svgomg/
我將你想要的 svg 粘貼到工具中,我得到的只是這個:https : //imgur.com/fj7bDu6 所以我檢查了我的文本編輯器中的標記,在檔案的最后有一個文本元素不屬于任何組。它的innerXML 只包含可疑的“nbsp;” 又名不間斷空間。如果我洗掉該容器元素,我的設計軟體會突然打開 SVG,而不會發出任何警告。但不幸的是,它看起來仍然不“完整”,事實上,它看起來與它在網路工具中的外觀相同。見:https : //imgur.com/1XiMg32
我去更仔細地檢查了標記,除了在每個 XML 元素上都有數千個不必要的冗余標簽屬性外,似乎沒有任何問題,所以我懷疑該圖形比單個 SVG 多.
如果你想自己弄亂它,這是稍微修改過的版本 - https://wtools.io/paste-code/b7vg
編輯 - 請參閱此討論tspan 元素的背景顏色 我懷疑這就是為什么您的 SVG 中缺少這么多內容的原因。除了少數 path 和 rect 元素之外,您的 svg 主要由數百個 text / tspan 元素組成(我假設)用于座位/部分顯示。在 tspans 上設定背景顏色不是 SVG 規范的一部分,只能使用 HTML/CSS/JS 來完成。因此,如果您嘗試在 Inkscape 或類似軟體中對其進行編輯,則任何彩色 tspan 要么看起來不可見,要么僅顯示它們的文本
uj5u.com熱心網友回復:
在這種特殊情況下,一個簡單的XMLSerializer會將您的 HTML 物體轉換為相應的 (U 00A0) 字符。
所以你只需要輸入
blob = new Blob([new XMLSerializer().serializeToString($("svg")[0])]);
a = document.createElement("a");
a.href = URL.createObjectURL(blob);
a.download = "file.svg";
a.click();
在該網站的控制臺中,保存的影像將是“有效的”。
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/337198.html
