To create custom annotations in DotImage for use on our WebAnnotationViewer you will need to create a class library in your ASP.NET applications’ solution to contain all of the Atalasoft-overloaded objects that are necessary. To do this:

1.       Select your solution in the solution explorer, right-click and select “Add New Item”.

2.       Select “Class Library”

Once you have a class library you will need to create an overload of an AnnotationData class. RectangleData is used as a base object for a HiliteData in the following example:

C#

namespace CustomAnnotations

 {

      public class HiliteData : RectangleData

      {

            public HiliteData() : base()

            {

         Fill = new AnnotationBrush(Color.FromArgb(170, Color.Yellow));

         this.Outline = new AnnotationPen(Color.Transparent);

            }

            public HiliteData(SerializationInfo info, StreamingContext context) : base(info, context)

            {

            }

      }

}

Namespace CustomAnnotations

    Public Class HiliteData

        Inherits RectangleData

        Public Sub New()

            MyBase.New()

            Fill = New AnnotationBrush(Color.FromArgb(170, Color.Yellow))

            Me.Outline = New AnnotationPen(Color.Transparent)

        End Sub

        Public Sub New(ByVal info As SerializationInfo, ByVal context As StreamingContext)

            MyBase.New(info, context)

        End Sub

    End Class

End Namespace

The ASP.NET application will then need a reference to the class library. Once it has reference to the library, a static constructor for the page will need to be made. In the static constructor you will need to add to the list of AnnotationRenderers using this method call:

C#

AnnotationRenderers.Add(typeof(HiliteData), new RectangleRenderingEngine());

AnnotationRenderers.Add(GetType(HiliteData), New RectangleRenderingEngine())

The final step is to add the annotation to the viewer on the javascript side:

Javascript