Просмотр миниатюр с аннотациями в HTML5 веб-браузере

В этом разделе

1. JavaScript UI-контрол для просмотра миниатюр с аннотациями в HTML5 веб-браузере.

Класс WebAnnotatedThumbnailViewerJS - это UI-контрол для просмотра миниатюр с аннотациями в HTML5 веб-браузере. Класс может быть создан на стороне клиента веб-приложения. Для получения информации об изображении, рендеринга миниатюр и десериализации аннотаций классу требуется веб сервис. В качестве веб сервиса может использоваться ASP.NET Core Web API контроллер, ASP.NET Веб API 2 контроллер или любой другой веб сервис совместимый с .NET.

Класс WebAnnotatedThumbnailViewerJS дополняет функциональность класса WebThumbnailViewerJS и позволять осуществлять просмотр миниатюр изображений с аннотациями.

2. Пользовательский интерфейс веб просмотрщика документов для просмотра миниатюр с аннотациями в HTML5 веб-браузере.

Класс WebUiThumbnailViewerPanelJS представляет собой UI-панель, которая может использоваться в веб просмотрщике документов и позволяет отображать веб просмотрщик миниатюр. Панель может быть расположена на боковой панели или отдельно.
Панель создаст веб просмотрщик миниатюр, если флаг "annotations" отключен в настройках веб просмотрщика документов.
Панель создаст веб просмотрщик миниатюр с аннотациями, если флаг "annotations" ВКЛЮЧЕН в настройках веб просмотрщика документов.

Класс WebThumbnailViewerSettingsDialogJS представляет собой диалоговое окно, которое может использоваться в веб просмотрщике документов и позволяет просматривать и редактировать настройки веб просмотрщика миниатюр.

Вот скриншот панели веб просмотрщика аннотированных миниатюр в веб приложении:

Вот JavaScript-код, который демонстрирует, как добавить панель с просмотрщиком аннотированных миниатюр в веб просмотрщик документов:

JavaScript

// create the default web document viewer settings with annotations support
var docViewerSettings = new Vintasoft.Imaging.DocumentViewer.WebDocumentViewerSettingsJS("documentViewerContainer", { annotations: true });

// get items of document viewer
var docViewerItems = docViewerSettings.get_Items();
// get the main menu of document viewer
var mainMenu = docViewerItems.getItemByRegisteredId("mainMenu");
// if main menu is found
if (mainMenu != undefined) {
    // get items of main menu
    var mainMenuItems = mainMenu.get_Items();
    // add "Annotation" menu to the main menu
    mainMenuItems.addItem("annotationsMenuPanel");
}

// create the document viewer
var docViewer = new Vintasoft.Imaging.DocumentViewer.WebDocumentViewerJS(docViewerSettings);

Отправить отзыв