LEADTOOLS JavaScript (Leadtools.Controls)

PinchInteractiveMode Property

Show in webframe
Gets or sets the ImageViewerInteractiveMode that the viewer control should use to process pinch events.
Syntax
get_pinchInteractiveMode();
set_pinchInteractiveMode(value);
Object.defineProperty('pinchInteractiveMode');

Property Value

TypeDescription
ImageViewerInteractiveModeThe interactive mode for pinch events in the viewer control. Default value is null.
Remarks

To use an interactive mode, you create an instance of any of the derived classes and assign it to the viewer using one of the following methods:

On desktop browsers, you can use multiple interactive modes at the same time. For example, use the following code to support panning/zooming with the left mouse button and magnify glass with the right button:


            viewer.setMouseInteractiveMode(Leadtools.Controls.MouseButton.left, new Leadtools.Controls.ImageViewerCenterAtInteractiveMode());
            viewer.setMouseInteractiveMode(Leadtools.Controls.MouseButton.right, new Leadtools.Controls.ImageViewerMagnifyGlassInteractiveMode());
            viewer.set_MouseWheelInteractiveMode(new Leadtools.Controls.ImageViewerPanZoomInteractiveMode());
            

On browsers that support touch, such as mobile phones and tablets, you can assign multiple interactive modes at the same time. For example, use the following code to support zooming with the pinch gesture and magnify glass with the single touch gesture:


            viewer.set_TouchInteractiveMode(new Leadtools.Controls.ImageViewerMagnifyGlassInteractiveMode());
            viewer.set_PinchInteractiveMode(new Leadtools.Controls.ImageViewerPanZoomInteractiveMode());
            

Some of the interactive modes such as ImageViewerPanZoomInteractiveMode supports multiple touch operations such as pinch to zoom.

See Also

Reference

ImageViewer Object
ImageViewer Members

 

 


Products | Support | Contact Us | Copyright Notices
© 2006-2014 All Rights Reserved. LEAD Technologies, Inc.