Fabric.js 缺少过滤器

Filters are missing from Fabric.js

我正在使用 CodePen 并将 Fabric.js 包含在 JavaScript 设置中。 CodePen 自动为我购买了 2.4.4 版本: https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.4/fabric.min.js

当我尝试使用例如色调滤镜时,浏览器控制台出现 its not a constructor 错误。

但是,Fabric.js 文档中已经提供了色调滤镜:http://fabricjs.com/docs/fabric.Image.filters.Tint.html

我也做了:console.log(fabric.Image.filters); 输出是:

BaseFilter: ƒ i(), 
BlackWhite: ƒ i(), 
BlendColor: ƒ i(), 
BlendImage: ƒ i(), 
Blur: ƒ i(), 
Brightness: ƒ i(), 
Brownie: ƒ i(), 
ColorMatrix: ƒ i(), 
Composed: ƒ i(), 
Contrast: ƒ i(), 
Convolute: ƒ i(), 
Gamma: ƒ i(), 
Grayscale: ƒ i(), 
HueRotation: ƒ i(), 
Invert: ƒ i(), 
Kodachrome: ƒ i(), 
Noise: ƒ i(), 
Pixelate: ƒ i(), 
Polaroid: ƒ i(), 
RemoveColor: ƒ i(), 
Resize: ƒ i(), 
Saturation: ƒ i(), 
Sepia: ƒ i(), 
Technicolor: ƒ i(), 
Vintage: ƒ i()

如您所见,Tint 滤镜在滤镜中甚至不可用。

此外,尝试使用 fabricjs.com 本身的版本,使用底部的下载 link(下载版本 2.4.3):http://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.3/fabric.min.js

但是,这个版本也有同样的问题。

我进行了一些调查以找出色调滤镜不见了。 查看提交: https://github.com/fabricjs/fabric.js/commit/e96ccf9ea64df529cbbbea869561a5a8da2cf1ac#diff-92d93b4f6664e4db62af0f12768dfe56R39

Tint 没有消失,但是代码已经改变,要使用 tint 过滤器你应该写:

var filter = new fabric.Image.filters.BlendColor({ color: 'red', mode: 'tint', alpha: 0.5 });