使用 Composed 滤镜创建双调效果
Fabric 提供了一个 Composed
滤镜,可以将多个效果混合为一个效果。
这与在图像的 .filters
属性中添加多个滤镜没有太大区别,但它在你想将这三种效果定义为一个有意义的效果块时非常方便。
双调效果
双调效果是通过将图像简化为两种主要的对比色调来实现的。这类似于黑白图像,但混合的是颜色 A 和颜色 B,而不是黑色和白色。
一些教程,例如 这个教程,展示了如何使用标准的 Canvas API 创建这种效果。
其逻辑如下:
- 获取一张图片
- 将其转为黑白
- 使用 “multiply” 模式将浅色与图像混合
- 使用 “lighten” 模式将深色与图像混合
以下是这种技术的一个简单 FabricJS 实现。
在画布上方,我们放置了两个颜色选择器,允许用户调整输入值以获得不同的输出。