Zoom in and out a ViewBox with mouse scroll and use mouse pointer location as zoom origin

iXed picture iXed · Jul 12, 2011 · Viewed 9.4k times · Source

The title is pretty much self-explaining, but to add to the facts, I'm using a large Canvas inside my ViewBox and my ViewBox is placed inside a ScrollViewer. I've set the event handlers for the MouseMove and MouseWheel, and I'm using myViewbox.Width and myViewbox.Height to change the zoom level (which I'm not sure is the proper way). Now I'm stuck on how to set the zoom origin to my mouse pointer location.

Thanks in advance.

Answer

Bek Raupov picture Bek Raupov · Jul 12, 2011

better way is to use the RenderTransform property (particularly ScaleTransform in your case). Have a read here

this could be useful: Pan & Zoom Image