Visual C#.NET - How to Annotate Doc & Image Online

C# Guide on How to Annotate Document & Image Files Online with Browser
Yiigo.Image for .NET provides all-round image processing features for your system, with which users can create, edit, convert, annotate, print, save in .NET, Windows Forms, ASP.NET web applications and other C#, VB.NET projects. This page will focus on how to annotate file online, supporting all major browsers like Chrome, Firefox, Safari, IE, etc.
This annotation web viewer is based on Yiigo. Image for .NET annotation dll, therefore it includes all the related features including creating, deleting, loading, viewing, moving, resizing, and modifying/editing annotations with simple steps. This application is very useful to mark up images or documents on the web either in collaborative environment or an online workflow.
C# Guide - How to Annotate Document Online

C# Document Image Web Annotation - Annotation Features

  • Read annotations in WANG or XMP format from a document and display in a browser.
  • Edit, add or delete annotations.
  • Edit text in a text annotation.

C# Document Image Web Annotation - Preparation

  • Download image SDK for .NET: Download online the Yiigo.Image for .NET trial package.
  • Install image SDK for .NET: Double click on the unzipped exe file to run setup.
  • Activate image SDK for .NET: Type in your serial number to activate your license directly or request an evaluation license.

C# Document Image Web Annotation - Add Web Page

  • Start your Visual Studio and create an empty C# ASP.NET web form.
  • Add Yiigo.Image.WebControl.Annotation to your project toolbox.
  • Open an ASP.NET web page in Design view, and then drag the WebAnnotationViewer from the toolbox onto your page.

C# Document Image Web Annotation - Setup Annotation

  • Create a method and name it InitializeDefaultAnnotations().
  • Please create AnnotationData objects to use as defaults.
  • Give each of the default AnnotationData object a unique name by setting the name property.
  • Now you can add all the above AnnotationData objects to the DefaultAnnotations property.
  • Add a call to InitializeDefaultAnnotations in the Page's OnInit event handler, before the base.OnInit call.

C# Document Image Web Annotation - Load Annotations

  • Users can simply call WebAnnotationViewer.LoadAnnotations(String) on the server or client with the name of the file containing the annotations.

C# Document Image Web Annotation - Add New Annotations

  • Call WebImageViewer.CreateAnnotation(String) from JavaScript with the name of the AnnotationData class you want the user to be able to create.
  • Set the interaction mode to Author by using WebImageViewer.serInteratMode().
  • To alter the data, handle the WebAnnotationViewer.AnnotationCreated event on the server. You can edit the annotation data by modifying the AnnotationData property.

C# Document Image Web Annotation - Supported Annotations

  • Rectangle, Rectangular HotSpot
  • Highlighter, Redaction, Ellipse, Polygon, Line
  • Freehand, Freehand Hotspot, Freehand Highlighter
  • Embedded Image, Referenced Image
  • Embedded Stamps, RubberStamp
  • Text, Note, Callout Annotation
Document Image Web Viewer Other Tutorials
Products
Other Plugins
Image Viewer CoreBarcode PluginPDF Read & WriteTesseract OCR PluginForm Processing PluginJBIG2 CodecJPEG2000 CodecISIS ScannerTwain ScannerDICOM ReaderCAD Scanner