嵌入在網頁中的SVG圖像不顯示

我試圖在空白網頁中嵌入一組SVG圖像。嵌入在網頁中的SVG圖像不顯示

<html><head></head> 
<body> 
<img width="117px" src="img/icone/phone_hex034F84.svg" alt="image"> 
<img width="320px" src="img/illustrazioni/SHIPPER3.svg" alt="image"> 
</body> 
</html>

這兩個文件都是由Illustrator生成的自包含svg。

雖然第一個在瀏覽器中呈現的第二個（SHIPPER3.svg）沒有。

看到代碼：http://104.155.112.173/land/img/illustrazioni/SHIPPER3.svg

您可以從以前的鏈接的完整源代碼，因爲我不能在這個問題（太大），將其嵌入。儘管如此，我將在此嵌入序言。

<?xml version="1.0" encoding="utf-8"?> 
 
<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 
 
<svg version="1.1" id="_x5B_SHIPPER1_x5D_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" 
 
y="0px" viewBox="0 0 733.3 587.8" style="enable-background:new 0 0 733.3 587.8;" xml:space="preserve"> 
 
<style type="text/css"> 
 
    .st0{clip-path:url(#SVGID_2_);} 
 
    .st1{fill:#EDEDED;} 
 
    .st2{fill:#F2F2F2;}

如果我複製並http://www.freecodeformat.com/svg-editor.php它使粘貼SHIPPER3.svg。我也可以在Sketch中打開它，沒有任何問題。

我試圖嵌入SHIPPER3.svg也作爲內聯svg但同樣，再次沒有表演。

我缺少什麼？

來源

2016-09-26 Federico Innocenti

請去閱讀[問]。 – CBroe

請在這裏發佈SHIPPER3.svg xml – Tommy

*尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現它所需的最短代碼。沒有明確問題陳述的問題對其他讀者無益。請參閱：如何創建[mcve]。* – BSMP

在SHIPPER3.svg幾個問題：

所有頂級組具有類st0據說這是由clipPath是外面整個viewBox
clipPath #SVGID_2_有style="display:none;"什麼也隱藏它被裁剪出

參見：

<svg version="1.1" viewBox="0 0 733.3 587.8"> 
<style type="text/css"> 
    .st0{clip-path:url(#SVGID_2_);} 
    /* ... */ 
</style> 
<defs> 
    <ellipse id="SVGID_1_" cx="1085.6" cy="279.3" rx="251.8" ry="233.4"/> 
</defs> 
<clipPath id="SVGID_2_"> 
    <use xlink:href="#SVGID_1_" style="display:none;overflow:visible;"/> 
</clipPath> 
<g class="st0"> 
<!-- ... --> 
</g> 
</svg>

來源

2016-09-26 16:03:24 myf

進一步的評論我在上面留下，你不妨跟以下替換<clippath id='SVGID_2_'元素：

<clipPath xmlns="http://www.w3.org/2000/svg" id="SVGID_2_"> 
    <ellipse xmlns="http://www.w3.org/2000/svg" id="SVGID_1_" cx="360" cy="290" rx="325" ry="260"/> 
</clipPath>

這確實兩件事情。（0）通過直接插入到SVGID_1_元素中的數據來刪除鏈接。（1）重新定位和尺寸的橢圓

來源

2016-09-26 16:23:45 enhzflep

嵌入在網頁中的SVG圖像不顯示

回答

相關問題