This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jonathan Tran
Posted Jan 14 - Read on Facebook

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!

7 Comments

Marc Krenn
Jonathan Tran

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/

Chris Aga

Damn dude, this is gorgeous!

Marc Krenn

Hey, Jonathan
I'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.

Jonathan Tran

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.

Marc Krenn
Jonathan Tran

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!

Read the entire post on Facebook