Просмотр миниатюр с аннотациями в 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("documentViewerContainerId", "documentViewerLocalizationId", true);
// specify that the main menu should contain the annotation menu
docViewerSettings.set_ShowAnnotationMenuInMainMenu(true);
// specify that the side panel should contain the annotation list panel
docViewerSettings.set_ShowAnnotationListSidePanel(true);

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

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