SVG元素沒有在瀏覽器中顯示

我遇到了一個非常奇怪的情況。我有一個使用jQuery SVG插件繪製一些線條的腳本。它在一個單獨的html文件中工作。但是，一旦我複製該腳本並插入到另一個html文件中，它就會停止在瀏覽器中顯示SVG元素。它的工作原理非常完美，因爲當我在運行腳本後看到頁面的源代碼時，我可以看到腳本正在將SVG元素添加到頁面中。這裏是網頁的SVG代碼在任何情況下：SVG元素沒有在瀏覽器中顯示

<svg version="1.1"> 
    <line x1="492" y1="503" x2="717" y2="576" stroke="#4A4A4A" stroke-width="2"></line> 
    <line x1="500" y1="400" x2="600" y2="400" stroke="#4A4A4A" stroke-width="2"></line> 
    <line x1="604.5" y1="539.5" x2="587.5" y2="542.5" stroke="red" stroke-width="2"></line> 
    <line x1="604.5" y1="539.5" x2="592.5" y2="527.5" stroke="red" stroke-width="2"></line> 
</svg>

可能是什麼的SVG元素在瀏覽器中顯示的問題？還有其他人面臨這種奇怪的情況？

來源

2011-06-07 Bakhtiyor

哪個瀏覽器？ - – 2011-06-07 20:55:53

是的，知道您使用的瀏覽器非常重要，因爲它們並不都支持SVG。（我會讓懸念建立在那一個上。） – Pointy 2011-06-07 20:56:40

瞭解更多關於這個其他html文件也是有幫助的。文件的正確位置是創建SVG的位置？什麼是CSS規則等等？ – Pointy 2011-06-07 20:58:37

問題解決了。我沒有注意到，在沒有顯示SVG元素的新頁面中，我繪製SVG元素的DIV元素已被另一個DIV包裝。而在CSS文件中，包裝DIV有一個屬性display: table;。我刪除了該屬性，現在顯示了SVG元素。謝謝你們的幫助和建議。

來源

2011-06-08 08:31:11 Bakhtiyor

您忘了將SVG名稱空間標記添加到您的頁面？

來源

2011-06-07 21:40:19 James

嘗試將一個viewBox屬性添加到svg元素，以確保座標系使行出現在svg視口中。或者確保在兩個文檔中svg元素的大小是相同的。我的猜測是，在一個文件中，svg非常寬，而另一個文件不那麼寬（從而剪掉線）。

來源

2011-06-08 07:28:05

SVG元素沒有在瀏覽器中顯示

回答

相關問題