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:
c# document viewer: ASP.NET Document Viewer Control in C#: View, Annotate, Redact web document files in ASP.NET using C#
c# dnn document viewer: DNN Document Viewer Control: view, annotate, redact, convert documents in dotnetnuke ASP.NET
c# webforms document viewer: ASP.NET WebForms application document viewer control: view, annotate, redact, convert files online in ASP.NET open pdf password using c#: ASP.NET PDF Password Edit Control: online add, remove, update PDF file open password using C# pdf viewer using c#: ASP.NET PDF Viewer Control: view, navigate, zoom Adobe PDF document in C# ASP.NET
c# tiff document viewer: ASP.NET Tiff Document Viewer: view, annotate Tiff files in HTML using C# Control pdf editor using c#: EdgePDF: ASP.NET PDF Editor Web Control: Online view, annotate, redact, edit, process, convert PDF documents
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+ is professional provider of 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