I'm trying to make a background morph into an svg shape by starting with a rect and converting that to a path with MorphSVGPlugin.convertToPath('rect'). However, I'm initially setting the rect size based on the page size (to look like a background color).
How would I make this responsive to page resize? After the rect is converted to a path, I tried creating a new rect but morphSVG doesn't work with the newly replaced path.
Is there a way to make this work? (this is a scrolling animation)
Update: When I repeat the timeline action after the resize, it'll sort of work but the morphing is not smooth.