{"componentChunkName":"component---smooth-doc-smooth-doc-src-templates-doc-js","path":"/docs/viewer/image-adjustments-panel/","result":{"data":{"mdx":{"fields":{"pageType":"doc","title":"Image Adjustments Panel","editLink":""},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Image Adjustments Panel\",\n  \"description\": \"image adjustments panel\",\n  \"order\": 20,\n  \"section\": \"Viewer\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", {\n    \"id\": \"image-adjustments-panel\"\n  }, mdx(\"a\", {\n    parentName: \"h1\",\n    \"href\": \"#image-adjustments-panel\",\n    \"aria-label\": \"image adjustments panel permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Image Adjustments Panel\"), mdx(\"br\", null), mdx(\"p\", null, \"The Image Adjustments panel can be used to add basic filters to an image.\"), mdx(\"details\", null, mdx(\"summary\", null, \" To toggle the visibility of the Image Adjustments panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/470af19ec00be3882d5a99f933cbd424/viewer-nav-exposure.svg\",\n    \"alt\": \"Image Adjustments\"\n  }), \" button in the left sidebar to open the Image Adjustments panel\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To resize the Image Adjustments panel \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/470af19ec00be3882d5a99f933cbd424/viewer-nav-exposure.svg\",\n    \"alt\": \"Image Adjustments\"\n  }), \" button in the left sidebar to open the Image Adjustments panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click and drag the right border of the panel to resize it\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To add a filter to an image \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/470af19ec00be3882d5a99f933cbd424/viewer-nav-exposure.svg\",\n    \"alt\": \"Image Adjustments\"\n  }), \" button in the left sidebar to open the Image Adjustments panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the icon of the desired filter and make adjustments. See \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"#filters\"\n  }, \"Filters\"), \" for more details\")))), mdx(\"details\", null, mdx(\"summary\", null, \" To change the order in which filters are applied \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/470af19ec00be3882d5a99f933cbd424/viewer-nav-exposure.svg\",\n    \"alt\": \"Image Adjustments\"\n  }), \" button in the left sidebar to open the Image Adjustments panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/1fd36fc2c491724a14e1ed943b49a589/viewer-nav-arrow-up.svg\",\n    \"alt\": \"Up Arrow\"\n  }), \" or \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/2fc4a755a8ade98fd38e8306b448be2c/viewer-nav-arrow-down.svg\",\n    \"alt\": \"Down Arrow\"\n  }), \" to the right of the filter name to move it up or down the list\"))), mdx(\"div\", {\n    className: \"info\"\n  }, \"The image filters are applied in order from top to bottom.\")), mdx(\"details\", null, mdx(\"summary\", null, \" To remove a filter currently applied to the image \"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"If the left sidebar is not displayed, toggle it by clicking on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Menu \", \">\"), \" button at the bottom left of the Viewer\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"img\", {\n    parentName: \"p\",\n    \"src\": \"/scholar/manual/latest/470af19ec00be3882d5a99f933cbd424/viewer-nav-exposure.svg\",\n    \"alt\": \"Image Adjustments\"\n  }), \" button in the left sidebar to open the Image Adjustments panel\")), mdx(\"li\", {\n    parentName: \"ol\"\n  }, mdx(\"p\", {\n    parentName: \"li\"\n  }, \"Click on the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"X\"), \" to the right of the filter name to remove it from the list\")))), mdx(\"h2\", {\n    \"id\": \"filters\"\n  }, mdx(\"a\", {\n    parentName: \"h2\",\n    \"href\": \"#filters\",\n    \"aria-label\": \"filters permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), \"Filters\"), mdx(\"p\", null, \"The following filters can be applied to an image. These only apply to the image as it is displayed in the Viewer, not the underlying image data.\"), mdx(\"h3\", {\n    \"id\": \"contrast-contrast\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#contrast-contrast\",\n    \"aria-label\": \"contrast contrast permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), mdx(\"img\", {\n    parentName: \"h3\",\n    \"src\": \"/scholar/manual/latest/893c2a9a51e906dd2dd0671d74be024a/viewer-panel-contrast.svg\",\n    \"alt\": \"Contrast\"\n  }), \" Contrast\"), mdx(\"p\", null, \"The contrast filter allows you to change the apparent contrast of the displayed image. Negative values reduce the contrast while positive values increase it.\"), mdx(\"p\", null, \"The slider sets the adjustment value in the range \", \"[\", \"-255, 255\", \"]\", \" with a default value of 0.\"), mdx(\"h3\", {\n    \"id\": \"brightness-brightness\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#brightness-brightness\",\n    \"aria-label\": \"brightness brightness permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), mdx(\"img\", {\n    parentName: \"h3\",\n    \"src\": \"/scholar/manual/latest/2c0495cc4681a5850038ebe768592dd8/viewer-panel-brightness.svg\",\n    \"alt\": \"Brightness\"\n  }), \" Brightness\"), mdx(\"p\", null, \"The brightness filter adjusts the displayed image by adding a constant value to the pixel intensities.\"), mdx(\"p\", null, \"The slider sets the adjustment value in the range \", \"[\", \"-255, 255\", \"]\", \" with a default value of 0.\"), mdx(\"h3\", {\n    \"id\": \"threshold-threshold\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#threshold-threshold\",\n    \"aria-label\": \"threshold threshold permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), mdx(\"img\", {\n    parentName: \"h3\",\n    \"src\": \"/scholar/manual/latest/c24d732c716c6b082b0b50082ab32143/viewer-panel-threshold.svg\",\n    \"alt\": \"Threshold\"\n  }), \" Threshold\"), mdx(\"p\", null, \"The threshold filter converts the entire image to black and white. Pixels with an average intensity below the threshold value are converted to black and all others are converted to white.\"), mdx(\"p\", null, \"The slider sets the threshold value in the range \", \"[0, 255]\", \" with a default value of 128.\"), mdx(\"h3\", {\n    \"id\": \"invert-invert\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#invert-invert\",\n    \"aria-label\": \"invert invert permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), mdx(\"img\", {\n    parentName: \"h3\",\n    \"src\": \"/scholar/manual/latest/55a275799dfff7fc5b72b582be2aef5c/viewer-panel-invert.svg\",\n    \"alt\": \"Invert\"\n  }), \" Invert\"), mdx(\"p\", null, \"The invert filter inverts the colors displayed in the image.\"), mdx(\"h3\", {\n    \"id\": \"window-window\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#window-window\",\n    \"aria-label\": \"window window permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), mdx(\"img\", {\n    parentName: \"h3\",\n    \"src\": \"/scholar/manual/latest/1261b657fec60a13e75fe2bbddf1debf/viewer-panel-window.svg\",\n    \"alt\": \"Window\"\n  }), \" Window\"), mdx(\"p\", null, \"The window filter converts the image to grayscale and scales all of the intensity values to fit within the configured range of values.\"), mdx(\"p\", null, \"The \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Center\"), \" slider determines the midpoint of the range of valid values. This slider is in the range \", \"[0 - 256]\", \" with a default value of 128.\"), mdx(\"p\", null, \"The \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Width\"), \" slider sets the upper and lower bounds of the range of valid values; half of the width below the \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Center\"), \" and half above. This slider is in the range \", \"[1 - 256]\", \" with a default value of 256.\"), mdx(\"h3\", {\n    \"id\": \"isolate-isolate\"\n  }, mdx(\"a\", {\n    parentName: \"h3\",\n    \"href\": \"#isolate-isolate\",\n    \"aria-label\": \"isolate isolate permalink\",\n    \"className\": \"anchor\"\n  }, mdx(\"svg\", {\n    parentName: \"a\",\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }, mdx(\"path\", {\n    parentName: \"svg\",\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  }))), mdx(\"img\", {\n    parentName: \"h3\",\n    \"src\": \"/scholar/manual/latest/fdd3d82276e6e2142a5025a8e8fbc25a/viewer-panel-isolate.svg\",\n    \"alt\": \"Isolate\"\n  }), \" Isolate\"), mdx(\"p\", null, \"The isolate filter allows you to display one of the red, green, or blue channels of the image as grayscale.\"), mdx(\"p\", null, \"The \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Channel\"), \" slider can be adjusted to 0 (red), 1 (green), or 2 (blue).\"));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#image-adjustments-panel","title":"Image Adjustments Panel","items":[{"url":"#filters","title":"Filters","items":[{"url":"#contrast-contrast","title":"Contrast Contrast"},{"url":"#brightness-brightness","title":"Brightness Brightness"},{"url":"#threshold-threshold","title":"Threshold Threshold"},{"url":"#invert-invert","title":"Invert Invert"},{"url":"#window-window","title":"Window Window"},{"url":"#isolate-isolate","title":"Isolate Isolate"}]}]}]}}},"pageContext":{"id":"04e8d85a-1fd3-56ae-b297-0b301dd99b1b"}},"staticQueryHashes":["1086510573","1106176283","1122327541","2140385554","2719290676","3597609067","4027383558"]}