Page 1 of 1

ASP.NET MVC4 + ServiceStack4: View images with annotations in web image viewer.

Posted: Fri May 05, 2017 4:20 pm
by 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.6.4.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.6 can be downloaded from here.