Image Manipulation
Brightness, contrast, saturation, invert and grayscale controls for the displayed IIIF image, as a compact flyout over the canvas.
Provides brightness, contrast, saturation, invert, and grayscale controls for the displayed image. It renders as a compact flyout that opens from its toolbar button: three vertical sliders (brightness, contrast, saturation), invert and grayscale toggles, and a reset button, all visible at once and floating over the canvas without a container.
Setup
pnpm add @triiiceratops/plugin-image-manipulationnpm install @triiiceratops/plugin-image-manipulationbun add @triiiceratops/plugin-image-manipulationImageManipulationPlugin is exported ready to use with no configuration required. Add it like any plugin; see using plugins for the per-framework assignment code (every example there uses this plugin).
Examples
Adding a plugin to your viewer: mounting this plugin from React, Vue, Svelte, and plain HTML.
Controlling plugin UI at runtime: switching this plugin between a flyout and a docked panel responsively.