Perspective zoom-in and zoom-out with mouse wheel


is there a way to do a zoom in on the page in perspective mode using the mouse wheel?
To be clear I’m looking for something like zooming in and out over an area in google maps.

I have this SVG map which I would like to zoom with the mouse wheel or wtih the fingers in case of mobile device, and I couldn’t find a way to do that. My problem is that I have another floating SVG “pin” which marks a position and I don’t want this “pin” to change position during the zoom operations.

Any help or suggestion is apreciated.

Hi to all
Please can one help in same requirement like zoom in and out using the mouse wheel.
I’m having .SVG file with floorplans. Here SVG file drag and drop from my local to designer with selecting Embed image. My exact requirement is zoom in and out with the mouse wheel in the client page.


1 Like

Have you figured this out ?

use css transform: scale()

css also has zoom

1 Like

I added a style, zoom: to a root container and then bound to a slider. That works, but to the point of this thread, how do you use the mouse wheel? I would assume the onWheel event, but I don’t see this event do anything except for deltaY I will get either +100 or -100.

you will have to increase the zoom property if deltay=100 and decrease if -100 then i guess xd