我正在使用fabricjs作为画布。我希望对背景图像有模糊效果。我可以显示模糊效果但不是基于用户值,因为我不理解算法。此外,显示模糊效果需要一些时间,也不是那么强。
我这样做了
applyBlur(e) {
const object = this.state.canvas.backgroundImage;
object.filters[0] = new fabric.Image.filters.Convolute({
matrix: [ 1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36,
1/36, 1/36, 1/36 ]
});
object.applyFilters(this.state.canvas.renderAll.bind(this.state.canvas));
}
如何根据用户提供的值显示模糊效果?