VintaSoft Imaging .NET SDK allows to create change properties or behaviour of existing web annotation or create custom web annotation from scratch.

VintaSoft developers created web triangle annotation (WebTriangleAnnotationJS class) as example that shows how to create custom annotation that is derived from existing annotation and change properties/behaviour of annotation.
JavaScript code of web triangle annotation can be found in ASP.NET Core, ASP.NET MVC5, ASP.NET WebForms projects:

• file "<SdkInstallPath>\Examples\ASP.NET Core\CSharp\AspNetCoreAnnotationDemo\wwwroot\js\CustomAnnotations\WebTriangleAnnotationView.js"
• file "<SdkInstallPath>\Examples\ASP.NET MVC\CSharp\AspNetMvcAnnotationDemo\Scripts\CustomAnnotations\WebTriangleAnnotationView.js"
• file "<SdkInstallPath>\Examples\ASP.NET WebForms\CSharp\AspNetAnnotationDemo\Scripts\CustomAnnotations\WebTriangleAnnotationView.js"
• file "WebTriangleAnnotationView.js" on Github

TypeScript code of web triangle annotation can be found in "ASP.NET Core + Angular" project:

• file "<SdkInstallPath>\Examples\ASP.NET Core with Angular\CSharp\AspNetCoreAngularAnnotationDemo\ClientApp\src\app\annotation-demo\CustomAnnotations\WebTriangleAnnotationView.ts"
• file "WebTriangleAnnotationView.ts" on Github

VintaSoft developers created web mark annotation (WebMarkAnnotationJS class) as example that shows how to create custom annotation from scratch.
JavaScript code of web mark annotation can be found in ASP.NET Core, ASP.NET MVC5, ASP.NET WebForms projects:

• file "<SdkInstallPath>\Examples\ASP.NET Core\CSharp\AspNetCoreAnnotationDemo\wwwroot\js\CustomAnnotations\WebMarkAnnotationView.js"
• file "<SdkInstallPath>\Examples\ASP.NET MVC\CSharp\AspNetMvcAnnotationDemo\Scripts\CustomAnnotations\WebMarkAnnotationView.js"
• file "<SdkInstallPath>\Examples\ASP.NET WebForms\CSharp\AspNetAnnotationDemo\Scripts\CustomAnnotations\WebMarkAnnotationView.js"
• file "WebMarkAnnotationView.js" on Github

TypeScript code of web mark annotation can be found in "ASP.NET Core + Angular" project:

• file "<SdkInstallPath>\Examples\ASP.NET Core with Angular\CSharp\AspNetCoreAngularAnnotationDemo\ClientApp\src\app\annotation-demo\CustomAnnotations\WebMarkAnnotationView.ts"
• file "WebMarkAnnotationView.ts" on Github

Please examine code of WebTriangleAnnotationJS and WebMarkAnnotationJS classes and contact Vintasoft support if you will have any question or problem that is related with custom web annotations.