Pan And Zoom Image

Part 1: How to Pan and Zoom (Ken Burns effect) in After Effects After Effects provides its users to apply the pan and zoom effect to videos by following the following process: Step 1: Import image first Start the program and open a new project. Zooming an image in C# is a task greatly facilitated by GDI+. js, like this:. Basically the images look soft. Contribute to anvaka/panzoom development by creating an account on GitHub. Also, if the image is fully zoomed out, you can’t pan the image. The drawing is based on the current zoom and pan levels. We will use the following ‘World Metro Map’ image to illustrate the steps: When you place the image on a single slide, you will not be able to read the name of the cities clearly. A simple way of panning and zooming an image using Hammer. Code examples are given in C#. Follow the steps below to learn how to simulate zoom and pan in your prototypes: In a new mobile prototype, drag a Dynamic Panel to the Canvas. The start and end frame will appear in red and blue respectively on the video viewer. The Mega Zoom & Pan Image Viewer plugin is a great image viewer and navigator with a full responsive layout for displaying large images. "panzoompan" Fired whenever the zoom is changed by the pan method, directly or internally. Using the pan and zoom tool in Adobe Premiere Elements, you can create video-like effects from images or movie clips. It is a powerful tool prepared to showcasing products (high resolution product images, e. The zoom / crop PowerDirector 14 Ultimate tutorial shows you how to zoom in and zoom out on any part of a video. Click and drag the image around the window. NET do not have to focus as much on the image processing aspect for zooming into an image, more on the user interface logic. 2D Pan Zoom mode is not available for Orthographic viewports. png` and use in code):. As the scale changes the map will also change to show a different Google map, one which is more appropriate for the scale. Pan and Scan: For each frame of a film, a decision is made as to what constitutes the action area. Note that this method of adjusting the zoom factor does not allow the image to be returned to full size. Use one or two fingers to scroll in the particular section that is on the screen. Image Zooming. After a painful search on Google, I finally found a simple way to do it. It also has a keyboard shortcut you'll want to memorize. You can use the Aerial View window to change the view in your current viewport quickly. The unit consists of the pan/tilt module and the camera head and lens. Anyone have any ideas?. Everyone loves a great one-pan chicken dinner, so why not treat brunch with the same respect? It's not the first time we've dabbled in sheet pan recipes (the proof is in the sheet pan pancakes and sheet pan egg sandwiches), but this time we've done the all-in-one brunch treatment—one dish complete with protein, carbs, and veggies. hey again, Is there a way to zoom in and out of the Scroll Rect component? Thanks,. For movie clips, the effect works best when there is minimal movement of objects within the clip. MapZoom is perfect for large geographic maps, complex floor plans and , or any map image that is too large to view within your web page. You can increase the visible image, but you don't change your point of view. It is best to use the camera's optical zoom and stay away from digital zoom as much as possible. Posted on July 26, 2016 by Deb S — Leave a comment Well while learning I was trying to make a app which could do a image crop of my desired ratio. 0 c-mount zoom lens (as is). WonderHowTo Resize images and. This example is an attempt to create one more extension for AJAX-ZOOM that turns the viewer into an jQuery image slider with extended functionality. Ajax-Zoom is a perfect Image Zoom & Pan Gallery plugin for E-Commerce, product presentations and other applications, where high quality images make the difference. How can we provide that feature in our. This dome camera has a substantial 360º pan, 90º tilt, and both a digital zoom (up to 16x) and a motorized optical zoom (up to 12x). Optional, if you know the image size, you can set the optimization performance. Motion Filter - This filter allows the user to specify an arbitrary pan, zoom, and rotation to a section of video. Amazon just launched a sale on Oprah’s favorite lasagna pan from Chicago Metallic and marked it down to just $17 while this deal lasts. A "customizable crop and zoom" jQuery plugin. If an image is smaller than the viewport, PhotoSwipe will show a zoom cursor over the image and zoom icon in the top bar. I have a project on image processing. "Create the photo animation style made popular by Ken Burns. Creating Image Zoom Effect Using CSS3 Transitions By Nirmal - On August 14, 2014 You might often want to add some cool hover effects to the images of your website. Once the images are in your timeline, they are not just images, they are "clips. NET (C# & VB) classes to load more than 150 formats. Written as a control so add the style to the App. - First one is the same object that getZoomData method returns. ie, currently the content inside the zoom and pan control can be dragged upto zoom and pan control bounds(The ContenOffsetX and ContentOffsetY limits to 0 and won't go further beyond). In this tutorial I explain how to write a C# script that will allow you to pinch to zoom and pan around the screen for a mobile or touch screen device. Sometimes you might open up a big image and you simply can't view it in its entirety in Online Image Editor. Pan and Zoom effect, also known as Ken Burns Effect, which is used to apply to the video or image and make it slowly zoom in on the subjects of interest and pan from one subject to another. I also received requests for ideas on how to zoom the image in and out. 2 - click on the magic wand button and select, Magic Motion, is shown all pre motions set, option, User defined you that makes the movement of your way. …Let's just take a look and see what this…looks like, or preview it on the desktop viewer. You can do all this and much more with the Pan and Zoom effect (also known famously as the Ken Burns effect) in Video Edit Magic. Shop for PRO-A852 - Day & Night HD Pan-Tilt-Zoom Camera with 10X Optical Zoom at the best prices from Swann Security today!. Is there a way to do that? If so how is. like the well-known "Ken Burns" pan zoom looks. I was expecting a button on the left allowing you to change MMB from pan to rotate view like in the old Blender, instead you have to look at the list on the right, first click edit at the right of the 3d view item, then expand it, expand “3d view (global)” and check shift for 3d. Ostrander hut panoramas from Christmas 2010; PanoJS is used in a dynamic 5D bio-image viewer in the Bisque system; History. So that the user can view very large images inside a small screen. 1080p WyzeCam Pan/Tilt/Zoom Wi-Fi Indoor Smart Home Camera, Night Vision, 2-Way Mic, Alexa Ready, 14 Day Cloud: Look 1080p Smart Wi-Fi Security Camera HD, Black: Sentinel 720p Pan and Tilt 2-Way Talk Motion Detection Indoor Mini Wi-Fi Standard Surveillance Camera White. This guide will show you several ways to zoom in on an object. Showing how to use transform methods on the HTML5 Canvas Context to selectively zoom in and out. I will go ahead and give you the source files with the images and animations all prebuilt so that you can follow along with the lesson. Support image files and SWF files. Keyframes can be used for virtually any attribute in Premiere Pro; zooms, position, audio levels, color filters…anything. In the Preview Window, adjust the orange frame to select the image area you want to zoom in on. For some images and models, this can help you with alignment. Adjust the Zoom setting until you are happy with how it looks. Written as a control so add the style to the App. What exactly happens when you try to zoom? 3. clothes, cars, and technical schemes), displaying maps, and any other images, with its zoom, pan, dragging. There are many ways you can add a special effects to your web pages and one of them is adding a Zoom Effect on Images when user hovers over them. Axis PTZ network cameras use pan, tilt and zoom to provide both wide-area coverage and great detail with a single camera. Implement panning of the image which may be a little complex. (Use the controls in each flash animation to navigate the image as well as to zoom in and out) Heritage Home Pan & Zoom Interactive Gallery. The current behavior requires me to set keys at the start and end of a clip if I want a continuous zoom and pan. Written by Steve Patterson. It provides three different modes to meet your exact need. PTZ cameras consume more power than fixed cameras because of their movements, but many models are now available with PoE or PoE+ for easier installation. Digital zoom is a way of using the camera electronics to simulate additional detail, but this will produce a degraded image. Keywords graphics, drawing, zoom, pan, scale, ScaleTransform, Visual Basic. Using this feature, you can view details in specific areas when doing precise tracking, placement or rotoscoping work without having to physically move your camera. To pan across the image simply click on the image and drag. Everything is on your server fully controlled by You. Using shortcodes, allowing you to use the plugin for pages and posts. (You can modify the amounts for a different number of servings, but be sure not to overcrowd the pan. This video tutorial is part 3 of a 6 part series looking at how to pinch zoom and pan an image on an Android device. Option, with the Magic Motion tool you can do for all the selected images in the timeline. Release the mouse button when the image is at the required magnification. ExtraZoom - image zoom tool online to publish and show high resolution photos. It also has one of the highest FPS rates we’ve seen in PTZ cameras. Support images selection list. Also, when I pan the zoomed in images (using the hand tool) I want each image to be scrolled to the same position. I'm stuck at a point where I would like to add free panning/dragging. Peter Pan quotes can be treated as thoughts of an innocent yet wise kid. Zoom in to an image and click the Hand tool. RCC4000 Joystick Controller for Pan Tilt Zoom Cameras The RCC4000 pan tilt zoom joystick controller replaces the original RCC1000. If an image is smaller than the viewport, PhotoSwipe will show a zoom cursor over the image and zoom icon in the top bar. Click File to import the required file onto the project file. Wikipedia states, "In his documentaries, Burns often gives life to still photographs by slowly zooming in on subjects of interest and panning from one subject to another. To read more about the properties and what they do, you can follow the Panning and Zooming article. ISMC was American Photographers #1 Editors Choice for 2004. EasyZoom supports touch-enabled devices and is easily customisable with CSS. Image Zooming. Let rest 10 minutes. So, I got to work. If you have a wheel mouse, you can zoom by rotating the Wheel. 1080p WyzeCam Pan/Tilt/Zoom Wi-Fi Indoor Smart Home Camera, Night Vision, 2-Way Mic, Alexa Ready, 14 Day Cloud: Look 1080p Smart Wi-Fi Security Camera HD, Black: Sentinel 720p Pan and Tilt 2-Way Talk Motion Detection Indoor Mini Wi-Fi Standard Surveillance Camera White. Regarding pan-zoom, the status bar tells you which feature is currently active and the current zoom factor. Image Viewer is a Chrome extension that aims to enhance Chrome’s image viewing capabilities, adding support to zoom in and out, pan, and rotate an image. GitHub Gist: instantly share code, notes, and snippets. How to | Rotate, Zoom, and Pan Graphics One of the most powerful aspects of graphics in the Wolfram System is their interactivity. When working with the pan and zoom tool, you select objects and the order in which they are panned and zoomed into. undesirable motions. Digital zoom is a way of using the camera electronics to simulate additional detail, but this will produce a degraded image. This tutorial show you how to create a point hotspot and integrate a third party image viewer application that opens an image that fills the current screen. This will not affect the position or rotation of your image file but only your perspective of your image. This image is composited with the background image in the ZoomControl and drawn to screen. Mouseover or tap images below to see an upscaled version of the same image. Ken Burns has commented that people who've seen his shows comment on his use of video, although he's using mainly still images. Pan and Zoom View w/Thumbnail Overiew This tutorial shows how to do a pan and zoom with a thumbnail and large(er) viewing window. Using the crop designer we show you how to crop video to focus on a particular area or subject. It also lets you exit 2D Pan Zoom mode. I think Epic Image Zoom is one of the zoom plugins worth checking out. You can Zoom-in and Zoom-out the Newsfeed image with merely a single click!. 6 or greater, you can take advantage of multitouch gestures by dragging two fingers to pan and zoom the map. Sale ends soon. SharePoint 2010: How to add a Deep Zoom Image to a SharePoint Site. Roger Krakow, colorist/editor. Image Viewer (with zoom and rotation) If this is your first visit, you may have to register before you can post. Drag and drop the video to the video track (first line of the timeline). The full size of the map in the tour at left is 1112 x 1552 pixels, but it fits in a space of only 254 x 354 pixels. It is a powerful tool prepared to showcase products (high-resolution product images, e. In the Properties Area of the Video Effect window you can change the effect properties change the effect properties. These are some video filters for use with VirtualDub. Formerly known as "Pan and Zoom" In this example we have two keyframes in the pan and zoom, one at the beginning and one at the end. Universal pan and zoom library. Click View/Zoom, then unclick "Allow Mouse Zoom". Fully customizable pan and zoom speed. Support zoom in, zoom out and move with keyboard. The controls include a slider that sets the zoom level, a button to fit the page to the size of the current window, and a button to open the Pan & Zoom window. Zoom’s JavaScript and Stylesheet into the document. Before I proceed, I do want to say, that for image zoom I recommend the CSS-only method (which changes the dimensions of the image), only when you want a single or a group of few images to have the zoom feature. He will also show how to use the corner pin effect to put a separate image on to the footage you pan and zoom so that it remains really high quality even when zoomed in really close. PM > Install-Package Han. IIPImage: High Resolution Remote Image Streaming Viewer. Pan-Tilt-Zoom Based Iris Image Capturing System 655 range are achieved by pan-tilt unit and wide depth is obtained by zoom lens. pan and zoom free download - Pan And Zoom, ReVu Video Editor - Record Zoom and Pan Interactions to Make a New Video, Zig Zag Zoom, and many more programs. Motion Filter - This filter allows the user to specify an arbitrary pan, zoom, and rotation to a section of video. Where is the Zoom in Microsoft Word 2007, 2010, 2013, 2016, 2019 and 365. Written as a control so add the style to the App. 2 mm: Product Weight: 3 lbs / 1. BurnIgnorance. To see a map with less detail you need to zoom out. 14 Jun 2014. pan, tilt, and zoom settings) such that wherever the target may appear in the given environment, there exists at least one camera state appropriate for target recognition. While Zooming allows you to see data in more detail by selecting a particular region, Panning / Scrolling allows you to navigate through the chart after you zoom in. getMaxZoom. Using shortcodes, allowing you to use the plugin for pages and posts. EasyZoom supports touch-enabled devices and is easily customisable with CSS. ” View image. This is a follow up to the Animated Image Carousel for Email tutorial. All the complex deformations, meaning, for example, zoom effects or rotations around the optical. hey again, Is there a way to zoom in and out of the Scroll Rect component? Thanks,. click "set camera". Follow our simple step by step instructions to get more out of your graphics in business presentations. xaml directly or through the Themes/Viewport. move your image using `translate` tag to -20% of X and Y for duration 5 sec u can learn to trnaslate here Android Working with XML Animations. Filmora Video Editor supports Pan and Zoom effect (Ken Burns effect), which allows you to make your video or image pan from one subject to another and slowly zoom in on the subjects. Zoom and Pan keyboard shortcuts Post by dowlassmoss » Thu Oct 31, 2013 2:30 pm I thought Inkscape would be an interesting programme to get to know - I use Freehand (Mac) 99% of the time and Illustrator 1% ; I thought an opensource programme would be useful to investigate. Summary Now, you have successfully created and tested your "Zoom an Image" with scroll viewer control and image controls in Visual C# - UWP environment. Customizing the applied effects 1. I imagine most all of us have seen an example…. jpg file name extension. It is now a valuable resource for people who want to make the most of their mobile devices, from customizing the look and feel to adding new functionality. Zoom is a property which defines the zoom factor and it is measured as a percentage so that 100 is a full sized image. Creating Image Zoom Effect Using CSS3 Transitions By Nirmal - On August 14, 2014 You might often want to add some cool hover effects to the images of your website. hey again, Is there a way to zoom in and out of the Scroll Rect component? Thanks,. The first video is what started things off and the following videos take it to the next level by using Powerpoint "Motion Paths" to add the "pan" effect and "parallel proximity. Zoom Animation Free Online Photo Editor. Depending how dirty your pan is, let it soak for at least 30 minutes (longer amount of time for stickier pan). Peter Pan leads the Darling family and Tinker Bell as they soar high above London in this scene from Walt Disney's 1953 animated classic. Basically the images look soft. Tap the rotate image button and rotate the image once and tap ‘Done’ to save it like that. If you want to draw special attention to a part of the video or image, you can highlight it with the mask effect, or zoom in onto the important part. Drag the zoom rectangle over the desired zoom location and release the mouse/cursor to zoom (to the rectangular area). You create image zoom effect using css3 transitions. My “image” is actually a group of countries. For example, zooming in is a great way to improve the entire video record that has been shot from a long distance. Mobile devices with touch interfaces: iOS and Android (supports pintch to zoom and pan gestures) Phones and tablets (scales controls according to the screen size) Demos. It also lets you exit 2D Pan Zoom mode. js has everything to do it with only a few lines of code. (BEST OFFER) US $47. Supported Image File Format Avid Pan & Zoom supports image files in JPEG format. To apply zoom, click Add after you select the effect. Mousewheel up/down over the canvas to zoom in to/out from that location. The pan zoom effect simulates the effect known as motion-control-camera, used with zoom in pictures to enhance the smoother motion. From here it's pretty intutitive to see the controls to move your camera in certain directions. The amount of optical zoom is expressed as #x, such as 18x, and represents how much the camera can zoom (change the lens focal length) Digital zoom blows up the image using software, often resulting in pixilated images when zoomed too far, and is not recommended; How PTZ Can Help You. When deciding what size paella pan to buy, think about the maximum. When you are viewing a diagram, you can pan across, up and down the whole diagram in a low magnification to locate a particular section, and then zoom into that section in a higher magnification. Does the same thing happen with a new user account? Reference: View and use your pictures in Windows Photo Viewer. I'm trying a simple zoom in and pan script. The Wyze Cam Pan is physically about two and a half times taller than the Wyze Cam, and has slightly wider footprint. AJAX-ZOOM is a powerful image zoom & pan gallery plugin based on jQuery and PHP. If either `Hammer. (Large preview). High-Resolution Multiscale Panoramic Mosaics from Pan-Tilt-Zoom Cameras Sudipta N. These are 3 features with a lot of overlap, depending on the design choice and implementation, so I would like to first consider the user experience. pan definition: 1. Does the same thing happen with a new user account? Reference: View and use your pictures in Windows Photo Viewer. Storybook - GitHub Pages. DHTML Popup. As shooternz points out, it is a fixed effect but it is not called Pan and Zoom. It provides three different modes to meet your exact need. VideoStudio 2018 adds more flexibility with new pan and zoom controls. In this sample code, the pinch zoom and panning functionality have been implemented. In film editing, the technique may be achieved through the use of a rostrum camera, although today it is more common to use software. 11 / Double 11 / Singles Day) from Vendor Yi Franchised Store. it showed only half of the application. You can view the Final Demo by clicking the button. So, the result can be slightly. If your pan is non-dishwasher safe and nonstick, be sure to use a small amount of gentle dish soap. UI Panel zoom and pan. It is best to use the camera's optical zoom and stay away from digital zoom as much as possible. The actual zoom effect is being applied on the CSS :hover selector of parent container, and we have used a scale transform which is going to zoom the image to increase its size by 8%. com is now LinkedIn Learning!. Use the Pan command on the Standard toolbar to move the view in the graphics window in any direction planar to the screen. I'm on MC 6. it showed only half of the application. By default, images that you open in Corel PaintShop Pro appear at a magnification level that allows the full image to appear in the workspace. It's time to lay it all out -- in the pan. This newly upgraded version of the interactive surface analysis page combines maps archived in recent years with the historical surface analysis archive (maps prior to May of 2005). It has same behavior like when we zoom and pan/drag image in our phone gallery. You can also use the Hand tool to pan the image. If you have a Google account, you can save this code to your Google Drive. For example we have pic of flower and want to zoom into a petal and highlight some part of it during a presentation. Download View project on GitHub. react native image pan and zoom. Demo: Preventing map pan and zoom on page scroll. If either `Hammer. For more information, see View Toolbar. PTZ is an abbreviation for pan, tilt and zoom and reflects the movement options of the camera. Showing how to use transform methods on the HTML5 Canvas Context to selectively zoom in and out. …So, I need to be in the Flyaway Finished Folio,…then I'll come to Featured Article and click on Preview. With any pan, you can always add a dash of baking soda to the mix, too. (Use the controls in each flash animation to navigate the image as well as to zoom in and out) Heritage Home Pan & Zoom Interactive Gallery. A percentage, e. From here it's pretty intutitive to see the controls to move your camera in certain directions. This list of jQuery Web Page Zoom plugins includes an animation that zooms into a specific portion of the page when you click on it is something you would find very useful. Using the pan and zoom tool in Adobe Premiere Elements, you can create video-like effects from images or movie clips. LEADTOOLS Image Viewer WPF control supports all Microsoft. Option to zoom in on the image if desired, using either the mouse wheel or auto generated controls. Zoom in, zoom out, hold, pan, etc. 0 to zoom in by a factor of 2. Zooming is one of the basic editing tasks that you can perform with Windows Movie Maker. Sinha Marc Pollefeys Seon Joo Kim Department of Computer Science, University of North Carolina at Chapel Hill. An easy sheet pan chicken meal with green beans and red potatoes that requires minimal prep time and the result is a great one-pan meal. Event Pan/Crop can be used to Zoom In or Out to any point on your Video. MORE INFO DEMO HoverEx – jQuery image hover animation plugin. My “image” is actually a group of countries. " To add the pan and zoom, go to Media and click the button that says Show Settings. How to use it: Insert the dmuka. This cropping causes a zoom effect which moves the camera closer or further away from the selected position. The hotkeys are NumpadPlus and NumpadMinus. Showing how to use transform methods on the HTML5 Canvas Context to selectively zoom in and out. IMovie allows users to use a zoom feature with any photo, still frame video shot, or video clip that has been imported into your iMovie project. Programmers working with C#. Support for custom animations. Optional, if you know the image size, you can set the optimization performance. Join Julieanne Kost for an in-depth discussion in this video Pan and zoom still images, part of Photoshop CC 2015 Essential Training. Tags Developers IE on the Web User Experiences. The output of the UWPScrollZoomIMG App is shown below. Write image to file FILENAME in FORMAT starting from position FROM_COORDS. Zooming and Panning allows analysis of data at microscopic level and is very useful as chart may become difficult to read when plotted with large amount of data. click "set camera". Demos (Drag inside images to pan, use mouse wheel or controls to zoom in/out):. Using this feature, you can view details in specific areas when doing precise tracking, placement or rotoscoping work without having to physically move your camera. By redrawing the canvas at different scales the strokes remain smooth during zooming. As you are seeing there are many application(s) from them Select WPF application At name rename it as per your requirement. This example shows how to let the user zoom and scroll a picture drawn by the program in Visual Basic. 2 mm: Product Weight: 3 lbs / 1. It helps to display big SVG images in a small space. move your image using `translate` tag to -20% of X and Y for duration 5 sec u can learn to trnaslate here Android Working with XML Animations. …I'll tap to pan the image, and then we…can move that image. when I load the effect editor the window goes black except for the center mark. To start viewing messages, select the forum that you want to visit from the selection below. Zooming and panning. ByteScout Image To Video SDK: Free Trial Web API version Licensing (1000 ms) + 1000 ms of slide it self (with pan and zoom effect applied). The script allows you to add zoom-in functionality to any image with configurable magnification level and magnifier appearance. Image Viewer (with zoom and rotation) If this is your first visit, you may have to register before you can post. At first, zooming and panning seems like a simple task in WPF because any element can be scaled with ScaleTransform. This will not affect the position or rotation of your image file but only your perspective of your image. To create a Ken Burns pan and zoom effect in Premiere Pro, we’ll be using keyframes for the zoom and position parameters. The StillMotion Creator allows the user to create pan and zoom animations from still images that have been scanned, taken with digital cameras or in existing image files. Specify the maximum zoom and incremental zoom amount. For readability I've also uploaded this on gist and github. This tutorial show you how to create a point hotspot and integrate a third party image viewer application that opens an image that fills the current screen. RightClickMenu. SharePoint 2010: How to add a Deep Zoom Image to a SharePoint Site. In the Pan and Zoom section, choose Zoom in. The Zoom effect was quite easy to. You can also zoom the view using an Intellimouse. No problems there. So that the user can view very large images inside a small screen. See getZoomData to know more about return values. Together this gives us the type of `pan` and `zoom` we have come to expect from products like Google Maps. I also received requests for ideas on how to zoom the image in and out. 2 - click on the magic wand button and select, Magic Motion, is shown all pre motions set, option, User defined you that makes the movement of your way. They are located in the upper-left corner of the view, on the view toolbar. Using leaflet. Code examples are given in C#. Pan and Zoom. As shooternz points out, it is a fixed effect but it is not called Pan and Zoom. How to use it: Download and import the minified version of the Panzoom library into the html file. Sasnak79, To add to what jguerdat has suggested above, if you are still having issues after rebooting the base/camera, consider remove the camera from the system (Settings > My Devices > select the affected camera > Remove Device) and then go through the sync process with that camera again. When zooming with the wheel, Inventor View uses the cursor position as an anchor point for the. Support for custom animations. The Ken Burns effect is actually a Crop effect with two crop settings, one at the clip start and another at its end. ExtraZoom - image zoom tool online to publish and show high resolution photos. 1 - select one or more images in the timeline. xaml directly or through the Themes/Viewport. Once again select Pan and Tilt from the settings cog. sony evi-d70 pan/tilt/zoom color ntsc video camera. Option, with the Magic Motion tool you can do for all the selected images in the timeline. Pan and Zoom a Diagram. Easily add pan and zoom functionality to your WPF apps using PanAndZoom control. Zoom back out by running a similar animation but in reverse when the user touches the screen when the image is zoomed in. Code examples are given in C#.