Optimizing scale performance on complex inline svg
I'm somewhat new to web development in general so especially new to GSAP and am attempting to use it to zoom in (scale) and out on a somewhat complex inline svg. Have been poking around the forums about scaling svg and svg performance but can't really come to a conclusion on what the best way to go forward is so I was looking for a bit of advice before going any further.
The codepen provided just has the different ways I've been attempting to zoom in on a specific part of the svg. I
Welcome to the forums (and web development...and GSAP), @gmbirdiv.
Performance optimization is a very, very deep topic. It would take many hours to try to explain the ins and outs, but here are a few quick thoughts:
The bottleneck is almost always graphics rendering. The actual changing of the underlying numeric values (which is what GSAP does) is dirt cheap compared to dynamically fabricating all those pixels on each tick. Like...the pixel calculations (totally unrelated to
