ASP.NET MVC4 + ServiceStack4: 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 4 application. Web image viewers use REST services based on ServiceStack 4.

For doing our task we need:

• Open Visual Studio .NET 2015.
• Create an ASP.NET MVC 4 application project.
• Add the references to the Vintasoft assemblies (version 8.5.1.1) and Vintasoft JavaScript files to the project:
  • Vintasoft.Shared.dll
  • Vintasoft.Shared.Web.dll
  • Vintasoft.Imaging.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.Html5.js
  • Scripts\Vintasoft\Vintasoft.Imaging.Annotation.Html5.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 4, for manipulating of files on a server.
• Create a REST service, which is based on ServiceStack 4, for managing of image collection.
• Create a REST service, which is based on ServiceStack 4, for rendering of images and thumbnails.
• Create a REST service, which is based on ServiceStack 4, 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 MVC4 application for VintaSoft Imaging .NET SDK v8.5 can be downloaded from here.