Browser compatibility

Hey there,

i have some Problems with the Browser compatibility with this Project: HMC Animation
In Chrome everything seems fine.
In Firefox the Backgroundpattern disappears and the Type is streched.
In Safari there are some serious Performance Problems with the High Res Mode.

Are there some workarounds or optimizations i can make?

Best Regards

  • firefox has problems with svg that dont contain a size attributes, thats probably the pattern problem, try use png or asjust the svg

  • repeating the text 300 times is a bad idea, try less and use modulo positioning

  • the bg imagecompose can be merged into the last one and done in one go above the other drawimages