Zooming of Image

If you don't want to use DeepZoom, you could also use a ViewBox to contain the Image, and listen for the pinch touch gestures/events and zoom in and out of the ViewBox using a RenderTransform.

Below is some code that I used for a Silverlight app, which with some work could be changed to react to Pinch and touch gestures instead of mousewheel + click/drag events. It might be possible to also change the amount of zoom depending on the "strength" of the pinch gesture.

For a viewbox defined in XAML:

Codebehind:

    #region Pan and Zoom Events and Handlers      void MouseClickHandler(object sender, MouseButtonEventArgs e)     {         _mouseClickPos = e.GetPosition(viewboxBackground);         bMoving = true;     }      void MouseMoveHandler(object sender, MouseEventArgs e)     {          if (bMoving)         {             //get current transform             CompositeTransform transform = viewboxMain.RenderTransform as CompositeTransform;              Point currentPos = e.GetPosition(viewboxBackground);             transform.TranslateX += (currentPos.X - _mouseClickPos.X);             transform.TranslateY += (currentPos.Y - _mouseClickPos.Y);              viewboxMain.RenderTransform = transform;              _mouseClickPos = currentPos;         }     }      void MouseReleaseHandler(object sender, MouseButtonEventArgs e)     {         bMoving = false;     }      void MouseWheelZoom(object sender, MouseWheelEventArgs e)     {         if (e.Delta > 0)         {             _zoomMultiplier += _zoomRate;             ApplyZoomTransform(viewboxMain, _zoomMultiplier, new Point(viewboxMain.ActualWidth / 2, viewboxMain.ActualHeight / 2));         }         else if (e.Delta < 0 && _zoomMultiplier > 1)         {             _zoomMultiplier -= _zoomRate;             ApplyZoomTransform(viewboxMain, _zoomMultiplier, new Point(viewboxMain.ActualWidth / 2, viewboxMain.ActualHeight / 2));         }     }      /// 
     ///      /// 
     ///      ///      /// If provided, the zoom will be centered around the given position.     void ApplyZoomTransform(UIElement element, double iZoomFactor, Point? zoomCenter)     {         //get current transform         CompositeTransform transform = viewboxMain.RenderTransform as CompositeTransform;          if (zoomCenter != null)         {             transform.CenterX = zoomCenter.GetValueOrDefault().X;             transform.CenterY = zoomCenter.GetValueOrDefault().Y;         }         transform.ScaleX = iZoomFactor;         transform.ScaleY = iZoomFactor;          element.RenderTransform = transform;     }      #endregion 

http://stackoverflow.com/questions/4678268/how-to-zoom-in-and-zoom-out-images-in-wp7