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
});
我正在使用 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
});