Итак, я понимаю, что поддержка SVG не является универсальной и может быть довольно скоро придет, и я не должен ожидать совершенства, но я получаю довольно неприемлемые ошибки от FF в рендеринге того, что я считайте, что это очень простой SVG, и мне было интересно, если раньше кто-то сталкивался с подобной ошибкой. В светлячокЯщики Firefox Ящики Inkscape SVG
В 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>
Пожалуйста, разместите полный текст xml – WebChemist
Вот скрипка этого http://jsfiddle.net/gEbZE/, но я не вижу эту проблему. Firefox, похоже, убирает больше контента, чем другие браузеры, но размытие частично обрезается во всех них. –
@ ErikDahlström Проблема там приглушена, но все еще видна. Проблема в том, что на элементах svg есть видимая ограничивающая рамка. Белые линии, прорезающие изображение, имеют одинаковую проблему. –