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

    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: "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() {
        with (Vintasoft.Imaging.DocumentViewer) {
            // register the "Pan" button in web UI elements factory
            WebUiElementsFactoryJS.registerElement("panToolButton", __createAnnotationAndPanToolButton);
        }
    }