Визуальные инструменты для веб просмотрщика изображений
В этом разделе
1. Классы JavaScript, которые представляют визуальные инструменты для веб просмотрщика изображений.
Визуальные инструменты расширяют функциональность класса
WebImageViewerJS и позволяют визуально обрабатывать изображения.
Вот список визуальных инструментов, которые поддерживаются в SDK:
-
WebCompositeVisualToolJS - визуальный инструмент, позволяющий объединять функции нескольких визуальных инструментов. Доступен в Vintasoft.Imaging.js.
-
Визуальные инструменты для работы с изображениями в веб просмотрщике изображений.
- WebZoomToolJS - визуальный инструмент, который позволяет масштабировать изображение в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebPanToolJS - визуальный инструмент, который позволяет панорамировать изображение в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebMagnifierToolJS - визуальный инструмент, который позволяет увеличивать область изображения в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebHighlightToolJS - визуальный инструмент, который позволяет выделять пользовательские области изображения в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebRectangularSelectionToolJS - визуальный инструмент, который позволяет выделить прямоугольную область изображения в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebMultiRectangularSelectionToolJS - визуальный инструмент, который позволяет выделять область изображения, состоящую из нескольких прямоугольников, в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebZoomSelectionToolJS - визуальный инструмент, который позволяет выделять и масштабировать область изображения в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebTextSelectionToolJS - визуальный инструмент, который позволяет выделять текст на изображении в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
- WebDocumentNavigationToolJS - визуальный инструмент, который позволяет отображать изображение и выполнять с ним действия (ссылки, навигация...) в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.js.
-
Визуальные инструменты, которые позволяют аннотировать изображения в веб просмотрщике изображений.
- WebAnnotationVisualToolJS - визуальный инструмент, который позволяет аннотировать изображения в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.Annotation.js.
-
Визуальные инструменты, которые позволяют работать со страницами PDF документа веб просмотрщике изображений.
- WebPdfImageExtractorToolJS - визуальный инструмент, который позволяет выделять и извлекать изображения на PDF странице документа в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.Pdf.js.
- WebPdfInteractiveFormToolJS - визуальный инструмент, который позволяет просматривать, заполнять и редактировать поля интерактивной формы PDF документа в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.Pdf.js.
- WebPdfRemoveContentToolJS - визуальный инструмент, который позволяет удалять и закрашивать содержимое страниц PDF документа в веб просмотрщике изображений. Доступен в Vintasoft.Imaging.Pdf.js.
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);
}
}