Question

我正在使用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文档中已经提供了Tint过滤器：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()

如您所见，“色调过滤器”甚至在过滤器中不可用。

还尝试使用底部的下载链接（从2.4.3版下载）使用fabricjs.com本身的版本：http://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.3/fabric.min.js

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

Answer 1

我做了一些调查，以找出滤色镜的去向。看一下提交： http://www.jfree.org/fxgraphics2d/

色调没有消失，但是代码已更改，要使用色调过滤器，您应该编写：

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

Fabric.js中缺少过滤器

1 个答案: