How To: Simple Multipage Annotations

#1 Posted : Friday, March 3, 2017 5:01:42 PM(UTC)

Aaron

Groups: Registered, Tech Support, Administrators
Posts: 71

Was thanked: 4 time(s) in 3 post(s)

Attached is an ASP.NET MVC example project that demonstrates how to draw Annotations on multiple pages in an HTML5/JS ImageViewer with LEADTOOLS 19, as well as, demonstrating how to use a backend service to load particular MIME types into the browser that the browser itself may not support. To begin with, the HomeController.cs in the project takes in a PDF file (which by default can't be displayed in a browser as-is) and converts the PDF file into multiple PNG files (which can be displayed in a browser by default). This process is done by using the LEADTOOLS RasterCodecs class to perform the conversion:

https://www.leadtools.co.../dh/co/rastercodecs.html

Once these files are converted, the MultipageAnnotations.js file takes in these individual PNG images and loads each one as a new ImageViewerItem into the ImageViewer control:

https://www.leadtools.co...t/c/imagevieweritem.html

While loading the ImageViewerItems, the annotation functionality is added to the viewer and the ImageViewerItems each get their own AnnContainer since each page needs it own AnnContainer for holding its particular annotations:

https://www.leadtools.co...ipt/ac/anncontainer.html

The project also demonstrates how an existing Annotations XML file would be loading into the viewer as well using the AnnCodecs class:

https://www.leadtools.co...script/ac/anncodecs.html

For this project to function properly, you will need to copy the following LEADTOOLS JS files into the Script folder of the project:
Leadtools.js
Leadtools.Controls.js
Leadtools.Annotations.Automation.js
Leadtools.Annotations.Core.js
Leadtools.Annotations.Designers.js
Leadtools.Annotations.Documents.js
Leadtools.Annotations.JavaScript.js
Leadtools.Annotations.Rendering.JavaScript.js

File Attachment(s):

MVC_AutomatedAnnotations.zip (492kb) downloaded 234 time(s).

Aaron Brasington
Developer Support Engineer
LEAD Technologies, Inc.

#2 Posted : Friday, December 28, 2018 11:05:39 AM(UTC)

Josh Clark

Groups: Registered, Tech Support, Administrators
Posts: 54

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

I have updated this project to version 20 of our toolkit using .NET Framework. This version now uses our NuGet packages.

To run this project, simply perform the following:

Unzip the project and open it in Visual Studio
Save the project as a solution
Restore the NuGet packages
Note: If you have any build any build errors, unload and reload the project
Launch the application

The updated project is attached below:

File Attachment(s):

MVC_AutomatedAnnotations.zip (3,355kb) downloaded 68 time(s).

Josh Clark
Developer Support Engineer
LEAD Technologies, Inc.

Notification

How To: Simple Multipage Annotations - ASP.NET MVC Project for Multipage Annotations


	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 account or Register a new forum account.