ASP.NET MVC + ServiceStack: View images with annotations in web image viewer.

[Alex]

In this topic we will show how to view images with annotations in web image viewers in ASP.NET MVC 5 application. Web image viewers use REST services based on ServiceStack 5.

For doing our task we need:

• Open Visual Studio .NET 2022.
• Create an ASP.NET MVC 5 application project.
• Add the references to the Vintasoft assemblies (version 14.x.x.x) and Vintasoft JavaScript files to the project:
  • Vintasoft.Shared.dll
  • Vintasoft.Shared.Web.dll
  • Vintasoft.Imaging.dll
  • Vintasoft.Imaging.Gdi.dll
  • Vintasoft.Imaging.Web.Services.dll
  • Vintasoft.Imaging.Annotation.dll
  • Vintasoft.Imaging.Anotation.Web.Services.dll
  • Scripts\Vintasoft\Vintasoft.Shared.js
  • Scripts\Vintasoft\Vintasoft.Imaging.js
  • Scripts\Vintasoft\Vintasoft.Imaging.Annotation.js
  You can add the assemblies and JavaScript files manually or automatically. Add the "Vintasoft.Imaging.Web.Annotation.Services" Nuget package to the project and the assemblies and JavaScript files will be added automatically.
• Create a REST service, which is based on ServiceStack 5, for manipulating of files on a server.
• Create a REST service, which is based on ServiceStack 5, for managing of image collection.
• Create a REST service, which is based on ServiceStack 5, for rendering of images and thumbnails.
• Create a REST service, which is based on ServiceStack 5, for annotating of images.
• Create a default web view.
• Add HTML5 web image viewer and HTML5 web thumbnail viewer to the web view.
• Load images with annotations into web image viewers.

Source codes of ASP.NET MVC 5 application for VintaSoft Imaging .NET SDK 14.0 can be downloaded from here.