Javascript 如何在Konva中正确设置过滤器？

我有一个函数，它获取十六进制颜色并返回以下格式的对象：

{
  brightness: "88%"
  contrast: "94%"
  hue: "165deg"
  invert: "42%"
  saturate: "2371%"
  sepia: "12%"
}

我试过这个，但颜色不对

<Image
  ref={imgRef}
  x={props.x}
  y={props.y}
  width={props.width}
  height={props.height}
  image={image}
  draggable={false}
  filters={[Konva.Filters.Blur, Konva.Filters.HSL, Konva.Filters.Invert, Konva.Filters.Sepia, Konva.Filters.Brighten, Konva.Filters.Contrast]}
  invert={0.42}
  sepia={0.12}
  saturate={23.71}
  hue={165}
  brightness={0.88}
  contrast={0.94}
/>

---

属性集始终相同。要正常工作，应该更改哪些内容？

Konva js逐个应用过滤器。因此，过滤器的顺序和它的价值是非常重要的

假设您有三个过滤器[反转、深褐色、饱和]

当您像这样应用所有三个过滤器时：

invert、sepia、saturate

当你像这样应用这三个过滤器时：

invert，saturate，sepia

两幅图像的结果将以不同的效果显示

---

因此，您必须按照正确的顺序应用每个过滤器。

您好，欢迎使用stackoverflow。请在提问前结帐。明确指出问题所在，以及您尝试过的方法。