Playing with the machine gun text effect from http://codepen.io/mfgpker/pen/cmiue?editors=1010
I need to be able to export these frames as PNG images but running into some trouble because of the way foreignObjects are seen I suppose.
The original version of the machine gun text animation used jquery to create and address elements and, though the text was visible in the resulting PNG exports, the positioning information was completely ignored - even though the animation runs fine in the browser.
So, I decided to go to great pains to namespace everything in case that was the issue. The animation works fine, but now, the exported images don't show the text at all.
The other thing I wondered was if I needed to move the styles into the SVG or the foreignObject but that hasn't solved the real problem.
I'm pretty sure it has to do with the way XMLSerializer is seeing or processing the data from the master SVG so I've been scouring the Internet to see if anyone else might have encountered this issue. Coming up dry.
Is there anything I can do with GSAP's animation settings to circumvent what's happening in a way XMLSerializer would be able to process accurately?