Изменение "стандартного" UI-элемента в веб редакторе PDF документа

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

Если вам нужно изменить логику работы стандартного UI-элемента в веб редакторе PDF документа, вам придется реализовать JavaScript код, который должен переопределить стандартный UI-элемент в фабрике UI-элементов.

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

JavaScript

/**
 Creates UI button for activating the visual tool, which allows to pan images in image viewer.
*/
function __createPanToolButton() {
    // if touch device is used
    if (__isTouchDevice()) {
        return new Vintasoft.Imaging.UI.UIElements.WebUiVisualToolButtonJS({
            cssClass: "vsdv-tools-panButton",
            title: "Document navigation, Text selection, Pan, Zoom",
            localizationId: "panToolButton"
        }, "DocumentNavigationTool,TextSelectionTool,PanTool,ZoomTool");
    }
    else {
        return new Vintasoft.Imaging.UI.UIElements.WebUiVisualToolButtonJS({
            cssClass: "vsdv-tools-panButton",
            title: "Document navigation, Text selection, Pan",
            localizationId: "panToolButton"
        }, "DocumentNavigationTool,TextSelectionTool,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", __createPanToolButton);
}

/**
 Returns a value indicating whether touch device is used.
*/
function __isTouchDevice() {
    return (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0);
}

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