Cross browser work with SVG

Question

HTML

Here's a question: I have a more or less working web face on SVG ( here you can look at the source), it only works in Firefox. Because chrome and opera do not accept cross-site requests, I moved all this code to one server. CGI worked, but the SVG was no longer displayed (although nothing changed in the code except for the CGI address).
Then I injected the SVG object directly into the html page code. The image appeared, but crooked: in chrome fill clipping areas are not displayed correctly; only the upper part of the image is shown in firelis.

Tell me, please, where can I read about methods for inserting dynamic SVGs with static elements (statics - outline and clipping areas) into html so that the result works in all browsers.

Answer 1

not here but here :)