javascript - ユーザー入力に基づいてガウスぼかしを適用する

Question

キャンバスに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));
  }

ユーザーが指定した値に基づいてぼかし効果を表示するにはどうすればよいですか?