LEADTOOLS JavaScript (Leadtools.Controls)

TouchInteractiveMode Property

Show in webframe
Gets or sets the ImageViewerInteractiveMode that the viewer control should use to process touch input events.
Syntax
get_touchInteractiveMode();
set_touchInteractiveMode(value);
Object.defineProperty('touchInteractiveMode');

Property Value

TypeDescription
ImageViewerInteractiveModeThe interactive mode for touch input 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.ImageViewerPanZoomInteractiveMode());
            viewer.setMouseInteractiveMode(Leadtools.Controls.MouseButton.right, new Leadtools.Controls.ImageViewerMagnifyGlassInteractiveMode());
            

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.

Example

For an example, refer to SetMouseInteractiveMode.

See Also

Reference

ImageViewer Object
ImageViewer Members

 

 


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