SVG中的文本不顯示在Chrome瀏覽器和IE

我有一些網絡東西圖像作爲Microsoft Visio元素集文件（.vss）。我將它轉換爲SVG文件。SVG中的文本不顯示在Chrome瀏覽器和IE

它可以轉換好，但Chrome 29和IE9不顯示文本。 Opera 12和Firefox 24顯示文本（但Firefox有字距問題）。

文字在這裏非常重要，那BCZ應該SVGs被用作參考用書端口號等

我怎麼能在這裏解決的文本？在不同的瀏覽器

Sample SVG file

截圖此SVG文件：

enter image description here

來源

2013-09-26 Ohar

文件中沒有字距，而是所有字符都單獨定位。如果你刪除所有的font-weight =「bold」 –

只是一點點......謝謝你，但我對Chrome和IE的文本很感興趣。這是最重要的 - 在這裏顯示文字。有任何想法嗎？ – Ohar

我不知道這是爲什麼我用評論而不是答案。我沒有實現這些瀏覽器;-) –

當您使用嵌入式Word文檔（或使用「插入對象」嵌入的其他文件）進行Visio繪圖時，我發現SVG呈現出現問題。如果你有嘗試將它們轉換爲原始的Visio格式，然後再導出到SVG - 可能會有所幫助。您的文件現在在「svg」中有「svg」。

不管怎麼說，這個問題看起來像在IE9 SVG呈現:-)基本上，它似乎以下代碼片段以IE9（全例如）不正確地呈現的錯誤（一個以上）：

<svg width="10in" height="10in" viewBox="0 0 10 10" 
    xmlns="http://www.w3.org/2000/svg" > 

    <g transform="matrix(100, 0, 0, 100, 2, 2)"> 
     <text font-size="0.01">FOO</text> 
    </g> 

</svg>

事情是，字體首先放大x100倍，然後縮小x100倍（這是從Visio SVG導出引擎做的一件愚蠢的事情），但無論如何，其他瀏覽器以某種方式處理它）。

如果您可以共享原始的Visio繪圖，這可能會有幫助。

來源

2013-09-28 10:40:17 Nikolay

哦«IE bug»聽起來不錯，但我需要解決它，否則將是不好的。這是[原始.VSS文件]（https://www.dropbox.com/s/bo6lsknp2kmcsov/HP-Networking-2xxx-Switches.vss）。我會嘗試檢查轉換，你注意到了。 – Ohar

是的，你的幫助太棒了！有用！有矩陣（98。323,0,0,98.323,0.3663,11.074）和'font-size =「0.010081」'和'x =「0.028478 0.035202 0.04136 0.049202 0.054808」'和'y =「0.009073 0.009073 0.009073 0.009073 0.009073」'。矩陣多元化字體大小爲98，然後font-size和x/y將它分成98.這就造成了IE和Firefox的問題。我只是解決了這個愚蠢的問題，它變成了不錯的文本視圖。 [你可以在這裏看到一個區別]（http://puu.sh/4DUV0.png） – Ohar

當登錄到Chrome控制檯，我看到在非常小的尺寸文本是否存在：

<g xmlns="http://www.w3.org/2000/svg" font-size="0.010081" font-family="ARIAL" font-weight="bold"> <text stroke="none" xml:space="preserve" xmlns:xml="http://www.w3.org/XML/1998/namespace" x="0.028478 0.035202 0.04136 0.049202 0.054808" y="0.009073 0.009073 0.009073 0.009073 0.009073">Power</text> </g>

及其周圍的矩陣變換。我不知道罪魁禍首在哪裏，並在Illustrator中打開是一個爛攤子...

我在括號中得到的是刪除上面的組中的text-rendering="geometricPrecision"屬性。我會看看如果我能在這一個之後找到更多的精確度。

來源

2013-09-27 08:04:30 fr32c

刪除** text-rendering =「geometricPrecision」**在Blink引擎瀏覽器中顯示文本，謝謝！但仍然有IE9 ... – Ohar

IE10也不顯示文字。 – Ohar

對不起，只有在這裏得到一個mac ... – fr32c

SVG中的文本不顯示在Chrome瀏覽器和IE

回答

相關問題