SVG path not displaying properly in firefox
I made a linked svg map by copying the svg code from illustator, and it works perfectly in chrome, but in firefox Kazakhstan breaks, and I do not know how to fix it. Any help would be appriciated, thanks. https://jsfiddle.net/mfby98te/
I made a linked svg map by copying the svg code from illustator, and it works perfectly in chrome, but in firefox Kazakhstan breaks, and I do not know how to fix it. Any help would be appriciated, thanks.
[https://jsfiddle.net/mfby98te/ https://jsfiddle.net/mfby98te/]
被采纳的解决方案
Ended up just remaking Kazakhstan in illustrator fixing the issue.
定位到答案原位置 👍 0所有回复 (2)
One of the <path> elements under <g data-name="asia"> is being interpreted very differently in Firefox than in Edge/Chrome. I added a yellow fill to illustrate the difference (screenshots attached). The dimensions overlay also indicates something is radically different. However, I don't know enough about SVG to spot the issue. Maybe file a bug?
选择的解决方案
Ended up just remaking Kazakhstan in illustrator fixing the issue.