VintaSoft Imaging .NET SDK 15.1: Документация для Веб разработчика
В этом разделе
Визуальные инструменты для веб просмотрщика изображений
В этом разделе

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

Визуальные инструменты расширяют функциональность класса WebImageViewerJS и позволяют визуально обрабатывать изображения.

Вот список визуальных инструментов, которые поддерживаются в SDK:


2. Пользовательский интерфейс веб просмотрщика документов для визуальных инструментов в Web Image Viewer.

Класс WebUiVisualToolButtonJS представляет собой кнопку веб-интерфейса, которая позволяет активировать указанный визуальный инструмент в просмотрщике изображений.

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

Класс WebUiVisualToolsToolbarPanelJS представляет собой UI-панель инструментов, которая позволяет выбирать визуальные инструменты "Pan", "Rectangular selection", "Magnifier", "Zoom" и "Zoom selection".

Вот скриншот UI-панели с визуальными инструментами в веб приложении:



Вот JavaScript-код, который демонстрирует, как создать UI-кнопку, которая включает инструмент "Annotation+Pan", и зарегистрировать новую кнопку вместо стандартной UI-кнопки, которая включает только инструмент "Pan":
/**
 Creates UI button for activating the visual tool, which allows to annotate and pan images in image viewer.
*/
function __createAnnotationAndPanToolButton() {
    return new Vintasoft.Imaging.DocumentViewer.UIElements.WebUiVisualToolButtonJS({
        cssClass: "vsdv-tools-panButton",
        title: "Annotation, Pan",
        localizationId: "panToolButton"
    }, "AnnotationVisualTool,PanTool");
}

/**
 Registers new UI button, which enables Annotation+Pan tool, instead of standard UI button, which enables only Pan tool.
*/
function __registerNewPanButton() {
    // register the "Pan" button in web UI elements factory
    Vintasoft.Imaging.UI.UIElements.WebUiElementsFactoryJS.registerElement("panToolButton", __createAnnotationAndPanToolButton);
}