嵌入在网页中的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图像不显示

回答

相关问题