ImageViewerPanControl Object

Summary

Supports displaying a scaled view of an ImageViewer into an external HTML5 Canvas Element with panning support.

Syntax

JavaScript Syntax
function lt.Controls.ImageViewerPanControl 
	implements IDisposable 
TypeScript Syntax
class lt.Controls.ImageViewerPanControl() 
	implements IDisposable 

Remarks

The ImageViewerPanControl is used to display a scaled view of an image, which is also being displayed in the ImageViewer control on an external target canvas at a size that would require scrolling. ImageViewerPanControl will maintain the images aspect ratio. A colored pan rectangle will be displayed to indicate the portion of the image currently being displayed in the viewer associated with this pan control.

By default, when the user clicks inside the pan control and drags using the mouse or touch, the pan rectangle will move with it.

Example

JavaScript Example
var control = document.createElement("canvas"); 
control.width = 400; 
document.body.appendChild(control); 
 
var panControl = new lt.Controls.ImageViewerPanControl(); 
panControl.enablePan = true; 
panControl.borderColor = "Yellow"; 
panControl.outsideColor = "rgba(0, 0, 0, 0.5)"; 
panControl.workingCursor = "Hand"; 
panControl.control = control; 
 
panControl.imageViewer = this._imageViewer; 

Requirements

Target Platforms

Help Version 19.0.2017.10.27
Products | Support | Contact Us | Copyright Notices
© 1991-2017 LEAD Technologies, Inc. All Rights Reserved.

Leadtools.Controls Assembly