CODEWITHSUNDEEP
htmlsvgcross-browser
MrDrMcCoy
MrDrMcCoy

Reputation: 366

SVG Rendering Issues

I've run into some SVG rendering bugs in all browsers except Chrome. The SVGs are all embedded in the HTML file, which is supported by all current browsers. However, most browsers get the colors wrong (which are just standard hex colors), while others fail to render some at all (and others just fine). Here's the source file and screenshots: http://awesomegeek.com/bugreport/bugreport.zip See for yourself and let me know if you can replicate it or come up with a solution.

Upvotes: 0

Views: 1461

Answers (1)

Robert Longson
Robert Longson

Reputation: 124109

I'm afraid your html file is invalid. You've got multiple elements with the same id e.g. linearGradient id="a". I know they occur in different svg fragments but you still can't do that, all Ids must be globally unique in the file. I think Firefox is drawing the icons correctly by picking out the first one of these in the file as a whole.

Upvotes: 1

Related Questions