在Chrome而不是在IE9

Inkscape的.HTML SVG文件作品，我有以下Inkscape的出口SVG：在Chrome而不是在IE9

[TESTSVG.HTML]

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<!-- Created with Inkscape (http://www.inkscape.org/) --> 

<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" 
    width="744.09448819" 
    height="1052.3622047" 
    id="svg2" 
    version="1.1" 
    inkscape:version="0.48.4 r9939" 
    sodipodi:docname="mainscreen.svg"> 
    <defs 
    id="defs4" /> 
    <sodipodi:namedview 
    id="base" 
    pagecolor="#ffffff" 
    bordercolor="#666666" 
    borderopacity="1.0" 
    inkscape:pageopacity="0.0" 
    inkscape:pageshadow="2" 
    inkscape:zoom="0.7" 
    inkscape:cx="175.99454" 
    inkscape:cy="739.86976" 
    inkscape:document-units="px" 
    inkscape:current-layer="layer1" 
    showgrid="false" 
    inkscape:window-width="1366" 
    inkscape:window-height="706" 
    inkscape:window-x="-8" 
    inkscape:window-y="-8" 
    inkscape:window-maximized="1" /> 
    <metadata 
    id="metadata7"> 
    <rdf:RDF> 
     <cc:Work 
     rdf:about=""> 
     <dc:format>image/svg+xml</dc:format> 
     <dc:type 
      rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 
     <dc:title /> 
     </cc:Work> 
    </rdf:RDF> 
    </metadata> 
    <g 
    inkscape:label="Layer 1" 
    inkscape:groupmode="layer" 
    id="layer1"> 
    <path 
     sodipodi:type="arc" 
     style="fill:#ff0000;fill-opacity:1;stroke:#495677;stroke-width:23.16900062999999900;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" 
     id="circle1" 
     sodipodi:cx="227.14285" 
     sodipodi:cy="156.6479" 
     sodipodi:rx="47.142857" 
     sodipodi:ry="44.285713" 
     d="m 274.28571,156.6479 a 47.142857,44.285713 0 1 1 -94.28571,0 47.142857,44.285713 0 1 1 94.28571,0 z" 
     inkscape:label="#path2985" /> 
    <rect 
     style="fill:#ffff00;fill-opacity:1;stroke:#495677;stroke-width:4.86899999999999980;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" 
     id="box1" 
     width="284.28571" 
     height="110" 
     x="312.85715" 
     y="98.076469" 
     inkscape:label="#box1" /> 
    </g> 
</svg>

另存爲HTML文件（TESTSVG.HTML）它適用於Chrome，但不適用於IE9。如果您將文件名更改爲.SVG（TESTSVG.SVG），則可以在兩個瀏覽器上使用。

我需要使它使用HTML擴展名在IE9上工作。

Tks的任何幫助。

來源

2013-10-15 Mendes

如果它是可以接受的有兩個文件，你可以做以下事情（在IE9中測試）。你會來救你的SVG作爲test.svg在這種情況下：

<?xml version="1.0"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<object data='test.svg'></object> 



</body> 
</html>

來源

2013-10-16 07:19:47 geedubb

您可以添加一個HTML DTD這樣並嵌入SVG（在IE10工程 - 不能在9測試）應該工作我覺得

<!DOCTYPE html> 
<html> 
<body> 

<?xml version="1.0" encoding="UTF-8" standalone="no"?> 
<!-- Created with Inkscape (http://www.inkscape.org/) --> 

<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" 
    width="744.09448819" 
    height="1052.3622047" 
    id="svg2" 
    version="1.1" 
    inkscape:version="0.48.4 r9939" 
    sodipodi:docname="mainscreen.svg"> 
    <defs 
    id="defs4" /> 
    <sodipodi:namedview 
    id="base" 
    pagecolor="#ffffff" 
    bordercolor="#666666" 
    borderopacity="1.0" 
    inkscape:pageopacity="0.0" 
    inkscape:pageshadow="2" 
    inkscape:zoom="0.7" 
    inkscape:cx="175.99454" 
    inkscape:cy="739.86976" 
    inkscape:document-units="px" 
    inkscape:current-layer="layer1" 
    showgrid="false" 
    inkscape:window-width="1366" 
    inkscape:window-height="706" 
    inkscape:window-x="-8" 
    inkscape:window-y="-8" 
    inkscape:window-maximized="1" /> 
    <metadata 
    id="metadata7"> 
    <rdf:RDF> 
     <cc:Work 
     rdf:about=""> 
     <dc:format>image/svg+xml</dc:format> 
     <dc:type 
      rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> 
     <dc:title /> 
     </cc:Work> 
    </rdf:RDF> 
    </metadata> 
    <g 
    inkscape:label="Layer 1" 
    inkscape:groupmode="layer" 
    id="layer1"> 
    <path 
     sodipodi:type="arc" 
     style="fill:#ff0000;fill-opacity:1;stroke:#495677;stroke- 

width:23.16900062999999900;stroke-linecap:butt;stroke- 

linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke- 

dasharray:none" 
     id="circle1" 
     sodipodi:cx="227.14285" 
     sodipodi:cy="156.6479" 
     sodipodi:rx="47.142857" 
     sodipodi:ry="44.285713" 
     d="m 274.28571,156.6479 a 47.142857,44.285713 0 1 1 -94.28571,0 

47.142857,44.285713 0 1 1 94.28571,0 z" 
     inkscape:label="#path2985" /> 
    <rect 
     style="fill:#ffff00;fill-opacity:1;stroke:#495677;stroke- 

width:4.86899999999999980;stroke-linecap:round;stroke- 

linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke- 

dasharray:none" 
     id="box1" 
     width="284.28571" 
     height="110" 
     x="312.85715" 
     y="98.076469" 
     inkscape:label="#box1" /> 
    </g> 
</svg> 

</body> 
</html>

來源

2013-10-15 19:53:57 geedubb

同樣的問題。不適用於IE9 ...只適用於Chrome。 IE9控制檯沒有消息...很奇怪。 – Mendes

你試過我的其他答案嗎？ – geedubb

我有同樣的問題 - IE9拒絕從Inkscape的SVG渲染的時候代碼在HTML內嵌實現。

的問題是標籤<sodipodi:namedview，一切都在這裏，直到結束標記/>

嘗試刪除這一點，我敢打賭，當HTML被調用IE9的SVG將呈現。

來源

2015-08-25 13:46:05

這是因爲在IE9中無法識別inkscape和sodipodi，特別是對於內聯SVG。這就是爲什麼他們需要被刪除。你可以參考這個鏈接Simple SVG Display

來源

2016-04-15 09:48:52 Musikero31

在Chrome而不是在IE9

回答

相關問題