ImageFiltersPluginOptions: { showSidebarPanel?: boolean; showToolbarButton?: boolean | number; toolbarLayout?: ImageFilterToolButtonKey[] }

ImageFiltersPlugin options.

Type declaration

  • Optional showSidebarPanel?: boolean

    Show sidebar Image filters preview.

    Default

    true

  • Optional showToolbarButton?: boolean | number

    Show "Image Filters" toolbar button. You can specify toolbar button position using number value.

    Default

    false

  • Optional toolbarLayout?: ImageFilterToolButtonKey[]

    The Image Filters second toolbar layout.

    Default

    Default layout: [[...filters], "$split", "edit-undo", "edit-redo"]

    Example

    <script src="gcimageviewer.js"></script></head>
    <script src="plugins/imageFilters.js"></script>
    <script>
    var viewer = new GcImageViewer("#root");
    var imageFiltersPlugin = new ImageFiltersPlugin( { toolbarLayout: ["image-filter-red"] } );
    viewer.addPlugin(imageFiltersPlugin);
    </script>