I have a SVG but it looks different on Chrome and Firefox:
svg {fill: black; Stroke: Black; Width: 40px; Height: 40px; }
& lt; Svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0,0,48.266,51.827" & gt; & Lt; Ch & gt; & Lt; Path D = "M16.6 9 41.827c-2.763 0-4.975 2.237-4.975 5s 2.212 5 4.975 5c2.763 0 5-2.237 5-5--2037-5-5-5" /> & Lt; Path d = "M40.19 41.827c-2.763 0-4.975 2.237-4.975 5 to 2,212 5 4.975 5c2.763 0 5-2.237 5-5s-2.237-5-5-5" /> & Lt; Path d = "M26.768 20v-20 20z" stroke-width = "5" stroke-meterwise = "10" fill = "none" /> & Lt; Path D = "M 36.768 10-20 20z" Stroke-width = "5" Stroke-Metered = "10" Fill = "None" /> & Lt; / G> & Lt; Ch & gt; & Lt; Path d = "M0 5.059h6.406l10.99 22.455h20.469l10.401-18.777" stroke-width = "5" stroke-meterwise = "10" full = "none" /> & Lt; Path d = "M45 37.689h-29.947 S-3.594.077-2.579-4.036 l4.923-6.139" stroke-width = "5" stroke-meterwise = "10" fill = "none" /> & Lt; / G> & Lt; / Svg & gt;
How do they look
Chrome
firefox
What separates them and how is it fixed?
Edit: A temporary solution is fixed on bug firefox. 37) To remove stroke and add stroke-linegeoin = "bevel"
You are suffering from this, it is only a Windows bug that will be fixed in Firefox 37, so that it can not be done so far.
No comments:
Post a Comment