2013-06-27 58 views
1

所以,我意识到SVG支持并不普遍,很可能会有一段时间来临,我不应该期待完美,但是我在FF中呈现一些非常不可接受的错误,认为是一个非常简单的SVG,我想知道是否有人遇到过类似的错误。 enter image description here 在FirefoxFirefox盒子Inkscape SVG元素

enter image description here 在Chrome中

如果需要的话,我可以张贴所有XML的,但它是相当长的,我觉得这可能是有用比更混乱。我相信这是一个代表性的片段,但我可以添加更多,如果这将有助于:

<?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" 
    version="1.1" 
    width="15" 
    height="15" 
    id="svg3039"> 
    <metadata 
    id="metadata3045"> 
    <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></dc:title> 
     </cc:Work> 
    </rdf:RDF> 
    </metadata> 
    <defs 
    id="defs3043"> 
    <linearGradient 
     id="linearGradient3962"> 
     <stop 
     id="stop3970" 
     style="stop-color:#ffffff;stop-opacity:0.79824561" 
     offset="0" /> 
     <stop 
     id="stop3966" 
     style="stop-color:#ffffff;stop-opacity:0.56140351" 
     offset="1" /> 
    </linearGradient> 
    <linearGradient 
     id="linearGradient3942"> 
     <stop 
     id="stop3944" 
     style="stop-color:#ffffff;stop-opacity:1" 
     offset="0" /> 
     <stop 
     id="stop3946" 
     style="stop-color:#ffffff;stop-opacity:0" 
     offset="1" /> 
    </linearGradient> 
    <filter 
     color-interpolation-filters="sRGB" 
     id="filter3781"> 
     <feGaussianBlur 
     id="feGaussianBlur3783" 
     stdDeviation="0.1674635" /> 
    </filter> 
    <filter 
     color-interpolation-filters="sRGB" 
     id="filter3785"> 
     <feGaussianBlur 
     id="feGaussianBlur3787" 
     stdDeviation="0.09938691" /> 
    </filter> 
    </defs> 
    <path 
    d="m 10.839416,5.7481751 a 4.7846713,4.7846713 0 1 1 -9.5693426,0 4.7846713,4.7846713 0 1 1 9.5693426,0 z" 
    id="path3055" 
    style="fill:#000000;fill-opacity:0;fill-rule:evenodd;stroke:#adadad;stroke-width:1.89999998;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;filter:url(#filter3781)" /> 
    <path 
    d="m 8.5182482,10.313869 c 0,0 2.1590598,1.881089 2.9343068,2.540146 0.775247,0.659057 1.315147,1.217617 2.102189,1.116788 0.363811,-0.04661 0.706204,-0.3928 0.81022,-0.744526 0.132545,-0.448193 -0.0219,-1.007299 -0.350365,-1.357664 C 13.686132,11.518248 10.40146,8.5182482 10.40146,8.5182482 z" 
    id="path3950" 
    style="fill:#adadad;fill-opacity:1;stroke:#adadad;stroke-width:0.1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:0.88627451;stroke-dasharray:none;filter:url(#filter3785)" /> 
</svg> 
+0

请做后完整的XML – WebChemist

+0

下面是http://jsfiddle.net/gEbZE/的小提琴,但我看不到这个问题。 Firefox似乎比其他浏览器削减了更多的内容,但是所有这些模糊部分都被剪辑掉了。 –

+0

@ErikDahlström问题存在静音,但仍然可见。问题是svg元素上有一个可见的边界框。切割图像的白线有相同的问题。 –

回答

-1

你可以尝试删除sodipodi命名空间的东西,有时会造成一些问题,从“另存为”纯SVG节约特征。在制作网页安全SVG其他提示在the inkscape manual

+0

感谢您的建议,但遗憾的是错误仍然没有改变。更新xml以反映更改。 –

+0

原来是一个相当本地化的问题,这对其他事情来说是一个非常有用的答案。 –

+0

不解决问题。 – Julian