svg filters - SVG clipPath with 2+ paths breaking in Chrome 38 -


latest after updating Chrome to what is happening with the icons of my SVG, ensure that they still I seem to be displaying correctly in Firefox which I am supporting. I was fully working in earlier versions of Chrome, I'm testing with it.

Appears that there are two or more path elements inside the clippath element in the example, where the expected symbols are not rendering according to:. I can place any number of elements allowed inside the clippath so I believe that I am doing this right ... so the reason is to lose it as it is suddenly broken on me.

>

so providing basically if you how pupil images to see cockroaches and eye kill you are now on the right hand side ...

 < You will see the code different from expected on the left> code> & lt; Svg & gt; & Lt; Defs & gt; & Lt; ClipPath id = "diff-path" & gt; & Lt; Path d = "M17.19,7.349 C18.753,7.349 20.019,8.626 20.019,10.202 C20.019,11.777 18.752,13.056 17.19,13.056 C15.628,13.056 14.361,11.778 14.361,10.202 C14.361,8.625 15.627, 7.349 17.19 7.349 L17.19,7.349 L17.19,7.349 Z "/> & Lt; Path d = "M0.19,10.201 C0.19,10.201 6.833,20.152 17.19,20.152 C27.547,20.152 34.19,10.201 34.19,10.201 C34.19,10.201 27.414,0.249 17.19,0.249 C6.966,0.249 0.19, 10.201 0.19,10.201 L0.19,10.201 Z M10.125,10.201 C10.125,6.269 13.288,3.082 17.19,3.082 C21.091,3.082 24.254,6.269 24.254,10.201 C24.254,14.132 21.091,17.32 17.19,17.32 C13 .288 , 17.32 10.125,14.132 10.125,10.201 L 10.125,10.201 Jade "& gt; & Lt; / Path & gt; & Lt; / ClipPath & gt; & Lt; / Defs & gt; & Lt; / Svg & gt;  

Enter image details here

you need to specify a "clip-rule" attribute for your clip-path if I do clip-path element < Code> clip-rule = "asodd" , it fixes things.


Comments

Popular posts from this blog

winforms - C# Form - Property Change -

javascript - amcharts makechart not working -

java - Algorithm negotiation fail SSH in Jenkins -