Hi there,
I can't put any demo for example but i will try to explain as much as possible.
I'm working on a "map" in SVG where i will have some interactive elements. In my interface, i make a button to zoom up and another to zoom down. I have limited the maximum and minimum zoom possible. Here my function that is making the zoom :
TweenMax.fromTo(element, 0.3, { scale:previousScale }, { scale:currentScale, immediateRender:false, ease:ExpoScaleEase.config(previousScale, currentScale, Power0.easeNone), onUpdate:update});
This is in a function that determine the "previousScale" and "currentScale" to do the work. The update variable in my onUpdate paramater is :
var update = function () {
elementToMove[0].update(true);
};
Where "elementToMove" is my draggable object that i have created.
My problem : I'm not sure if it's because i have a lot of layers on my SVG, but when i'm zooming, it's lagging a lot.
Anyway to keep my big SVG and zoom normaly, without lagging?