Guide for C#
Annotate and Redact Document
Core Document Formats
Additional Features

C# Imaging - How to Annotate Web Page in C#.NET

How to Draw & Customize Annotations to Document Image in Web Viewer

Visual C#
Home > .NET Imaging SDK > C# > Annotate Web Image

"This online guide content is Out Dated!
    Please get the latest XDoc.HTML5 Viewer C# Developer Guide here.
"

Annotate Document Image Online in C#.NET
This powerful & professional document image annotation control for Visual C#.NET web application is designed to help users & developers draw and add various text & graphics annotations on source image or document page within C#.NET web viewer.
Related .net document control helps:
asp.net excel viewer: ASP.NET Excel Viewer in C# Control (MVC & WebForms): view Office Excel document in web browser.
asp.net powerpoint viewer: ASP.NET PowerPoint Document Viewer Control (MVC & WebForms): view ppt, pptx files online in C# using ASP.NET
asp.net dicom document viewer: ASP.NET Dicom Document Viewer Control: view, annotate dicom imaging files online in ASP.NET
asp.net document viewer: EdgeDoc:ASP.NET Document Viewer C# Control: Open, view, annotate, redact, convert documents online in C#, VB.NET, AS...
asp.net mvc document viewer: ASP.NET MVC Document Viewer: view, annotate, redact files on ASP.NET MVC web projects
asp.net text file viewer: ASP.NET Text file viewer in MVC, WebForms: Open, view, annotate, convert txt files in C# ASP.NET
asp.net multipage tiff viewer: ASP.NET Tiff Viewer: view, annotate multipage Tiff images in ASP.NET MVC, WebForms using C# Control
RasterEdge Web Viewer Control provides C# developers with various kinds of annotating and redacting options on documents in TIFF, PDF, Office Word, Excel, PowerPoint and images. These annotations you created can be resized, removed or deleted before commit a Save or Print action. Once done the annotation process, C# users can choose to save these annotations to native file format.
  • Support most of the commonly used image formats and document types for annotation
  • Provide plenty of image annotation types like rectangle, ellipse, polygon, line and so on
  • Directly view and annotate web docs or images within modern web browsers
  • Simple and convenient to customize image & document annotation style online
  • Able to add, delete an annotation or burn it so it stays with the document perpetually
  • Deploy easily and can be integrated to your C#.NET web application in no time
From this Visual C#.NET web annotation tutorial page, you will get information about following two aspects.
  • What are the image annotation types supported by RasterEdge Visual C# web document viewer control
  • How to customize web annotation functions in Visual C#.NET web application
As a matter of fact, you can do more than adding various annotations on target document and image files using RasterEdge Visual C#.NET web document viewer. For example, you can save or print document to pdf or tiff and you can customize your option with RE Webviewer.
Image and Document Annotation Types in Web Viewer
As for the supported annotations, currently this C#.NET Web Document Viewer Control supports most of the daily used annotations, please see the following list. Please specify your desired type while binding APIs to buttons for corresponding annotation functions.
  • Arrow Annotation
  • Callout Annotation
  • Ellipse Annotation
  • Embedded Image Annotation
  • Freehand Annotation
  • Freehand Lines Annotation
  • Freehand HotSpot Annotation
  • Highlight Annotation
  • Line(s) Annotation
  • Ploygon Annotation
  • Rectangle Annotation
  • Rectangle HotSpot Annotation
  • Referenced Image Annotation
  • Rubber Stamp Annotation
  • Text Annotation
Customize Web Image Annotation Style in C#.NET
RasterEdge Web Viewer allows C# programmers to customize the style of document and image annotations. It is simple and straightforward. Web document or image annotation property setting, like color, border width or text font style, can be easily changed using JavaScript codes in Visual C#.NET web application.
The code snippet below is a brief example for adjusting your annotation with JavaScript codes in your ASP.NET web page Default.aspx. Please feel free to copy and modify the following properties in Default.aspx file.
//define annotation style
TextAnnoStyle = new AnnoStyle({FillColor: "White", ShowedText: "double click to edit", TextColor: "Black", TextFont: "Arial", TextSize: 12, TextStyle :"Italic"});
FreehandAnnoStyle = new AnnoStyle({OutLineColor: "Red", OutLineWidth: 3.0});
HighlightAnnoStyle = new AnnoStyle({FillColor: "Yellow"});
RectangleAnnoStyle = new AnnoStyle({OutLineColor: "Black", OutLineWidth: 3.0});
FilledRectangleAnnoStyle = new AnnoStyle({OutLineColor: "Black", OutLineWidth: 3.0, FillColor: "Black", Transparency: 1});
EllipseAnnoStyle = new AnnoStyle({FillColor: "Orange"});
RubberStampAnnoStyle = new AnnoStyle({OutLineColor: "Tomato", OutLineWidth: 3.0, FillColor: "Red", ShowedText: "Stamp annotation can show text here", TextColor: "Black", TextFont: "Arial", TextSize: 12, TextStyle: "Italic"});
PolygonLinesAnnoStyle = new AnnoStyle({OutLineColor: "Red", OutLineWidth: 3.0});
PolygonAnnoStyle = new AnnoStyle({OutLineColor: "OrangeRed", OutLineWidth: 3.0, FillColor: "OrangeRed"});
LineAnnoStyle = new AnnoStyle({OutLineColor: "Red", OutLineWidth: 3.0});


Recommend this to Google+


RasterEdge.com is professional provider of ASP.NET MVC Document Viewer, ASP.NET PDF Viewer, MVC PDF Viewer document, content and imaging solutions, available for ASP.NET AJAX, Silverlight, Windows Forms as well as WPF. We are dedicated to provide powerful & profession imaging controls, PDF document, image to pdf files and components for capturing, viewing, processing, converting, compressing and stroing images, documents and more.

©2000-2017 Raster Edge.com