根据用户输入应用gausian模糊

时间:2017-01-16 05:49:01

标签: javascript reactjs fabricjs gaussianblur

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

如何根据用户提供的值显示模糊效果?

0 个答案:

没有答案