Hi everyone. I've created a D3 svg. Does anyone know how to add it to a new layer, so I can apply Framer animations to it? Thanks!
This example by Josh Ackerman might help you:
Hi Marc. Thanks for replying back. Not quite. I'm trying to find a way to nest the svg into a Framer layer, so that the svg can scroll/transition with the layer. I've set up a basic project to help explain. http://share.framerjs.com/lo34ts95fzyh/
Damn dude, this is gorgeous!
Hey, JonathanI'm on my phone right now so I'm keeping it short: You could try to add your SVG by pasteing it into the layer.html property.Dunno if that will work though.
Thanks for your suggestion Marc. I had already tried that one, with no luck I'm afraid. I was also going down the road with "getElementByID" but I'm not sure where I can go from there.
Here you go, Jonathan:http://share.framerjs.com/2yrgf2z3ojyk/ :)
Thanks Marc. I was still working on this problem, until I saw your message. My solution wasn't guaranteed to render in Framer (plus using window.onload, which I didn't like). This is way better! Many thanks!