使用本地顯示的svg製作html或xhtml頁面

我有一個html頁面，其中包含svg。我使用Chrome 54.0.2840.98 (64-bit)作爲Mac OS中的網絡瀏覽器。使用本地顯示的svg製作html或xhtml頁面

svg和localhost一起顯示，而當我在瀏覽器路徑中指定file:///Users/softtimur/...時，它不顯示。

我已經搜索了一些線索，有人建議將頁面更改爲xhtml，我做到了。並製作標題如下：

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />

但svg仍未在本地顯示。

任何人都可以幫忙嗎？

PS：Here是該文件。下載後，您可能需要將名稱test.xhtml.txt更改爲test.xhtml。編號：This thread提及Chrome may block the access to local documents (Object in your case) from remote scripts (svg-pan-zoom)。有沒有一種方法可以重寫頁面以找到解決方法？或者我可以針對Chrome設置做些什麼？我真的不想用localhost。

來源

2016-11-28 SoftTimur

請顯示整個文件。它是一個包含

我剛剛上傳了一個文件，請參閱OP。 – SoftTimur

如果我有本地可用的D3腳本，上傳的文件可以正常工作。即在相同的文件夾上有d3文件並使用''。我也看不到它會加載任何可能導致跨源問題的外部資源。我可以看到包含兩個箭頭的3個點的svg對象。如果不是這種情況，控制檯日誌中是否有錯誤？ – Chainat

至於猜，我發現（在評論），關鍵是寫<script src="http://d3js.org/d3.v3.min.js"></script>（超過<script src="d3js.org/d3.v3.min.js"></script>）如果想使用外部D3。那麼即使是一個沒有<html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />的html文件也可以運行...

來源

2016-11-30 17:25:24 SoftTimur

-1

首先。
SVG的Doctype不會以html開頭。
SVG DOCTYPE是

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

這裏是鏈接「文檔類型的」[https://www.w3.org/QA/2002/04/valid-dtd-list.html][1]。

你可以進行另一個測試，如打開文件夾中的SVG文件，如果窗口然後Windows資源管理器，通過雙擊文件。它應該在您的默認Web瀏覽器中打開。

我打開我的文件「file：///」時沒有看到這個，而是我看到Drive「C：/」就像這樣。

來源

2016-11-28 05:31:50 vssadineni

抱歉，我忘了提及我使用的是Mac OS ...雙擊「Finder」中的文件在我的默認網絡瀏覽器（即Chrome）中打開鏈接，並且不顯示svg。 – SoftTimur

使用本地顯示的svg製作html或xhtml頁面

回答

相關問題