Welcome Guest! To enable all features, please Login or Register.



Last Go to last post Unread Go to first unread post
#1 Posted : Wednesday, July 26, 2017 8:32:09 AM(UTC)


Groups: Registered
Posts: 4

I am working with an MVC app with your HTML5 version. When I create the imageViewer object how do I specify defaults for rotateAngle and size mode? Currently, when I specify both options only the size mode works and the rotate angle doesn't. Can you provide a sample?

Note: I also want to default the Invert color interactive mode along with the two above.

Try the latest version of LEADTOOLS for free for 60 days by downloading the evaluation: https://www.leadtools.com/downloads

Wanna join the discussion? Login to your LEADTOOLS Support accountor Register a new forum account.

#2 Posted : Thursday, July 27, 2017 4:59:49 PM(UTC)

Joe Z  
Joe Z

Groups: Registered, Tech Support, Administrators
Posts: 63

Thanks: 2 times
Was thanked: 4 time(s) in 4 post(s)

To specify defaults such as rotateAngle, sizeMode, and Image Processing Commands, you would need to add the appropriate calls to your onLoad call.

For example, your onLoad should be similar to the code below. The ImageViewer.zoom method is used to set a default sizeMode. Additionally, the ImageViewer.rotateAngle and Image Processing Command would need to be added within the ImageViewer itemChanged event handler.

For more information regarding Image Processing Commands within our HTML5 ImageViewer, take a look at the following forum post that may give you more information.

	function window_onload() 
			var imgViewerDiv = document.getElementById("imageViewerDiv");
			var createOptions = new lt.Controls.ImageViewerCreateOptions(imgViewerDiv); 
			g_ImageViewer = new lt.Controls.ImageViewer(createOptions);
		    g_ImageViewer.autoCreateCanvas = true;
			g_ImageViewer.itemError.add(function (sender, e) {
			    if (e.data) { alert("Error loading " + e.data.srcElement.src); }
			    else { alert("Error loading document"); }

			g_ImageViewer.scrollMode = lt.Controls.ControlScrollMode.Auto;
		    g_ImageViewer.imageUrl = "LEADTOOLS.JPG";		
			g_ImageViewer.zoom(lt.Controls.ControlSizeMode.fitHeight, g_ImageViewer.scaleFactor, g_ImageViewer.defaultZoomOrigin);

			g_ImageViewer.itemChanged.add(function(sender, e) {
				if(e.reason == lt.Controls.ImageViewerItemChangedReason.url) {
				g_ImageViewer.rotateAngle = 90;		
		function invertCommand(g_ImageViewer) {

			var myCanvas = g_ImageViewer.canvas;
			var context = myCanvas.getContext("2d"); 
			var imageProcessing = new lt.ImageProcessing(); 
			imageProcessing.jsFilePath = "Leadtools.ImageProcessing.Color.js"; 
			imageProcessing.command = "Invert"; 
			imageProcessing.imageData = context.getImageData(0, 0, myCanvas.width, myCanvas.height); 
			imageProcessing.completed.add(function(sender, e) { 
			   context.putImageData(e.imageData, 0, 0); 
Joe Zhan
Developer Support Engineer
LEAD Technologies, Inc.

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Powered by YAF.NET | YAF.NET © 2003-2024, Yet Another Forum.NET
This page was generated in 0.074 seconds.