如何解决如何在 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 一一应用过滤器。因此,过滤器的 order
及其价值非常重要。
假设您有三个滤镜 [反转、棕褐色、饱和]
当您像这样应用所有三个过滤器时:invert,sepia,saturate
当您像这样应用所有三个过滤器时:invert,saturate,sepia
两个图像的结果将显示不同的效果。
所以你必须按照正确的顺序应用每个过滤器。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。