fabric js图像滤镜使图像质量差

Question

我正在使用Fabric JS并尝试在图像对象上使用图像过滤器

这是我的代码

function drawImage(ele) {
            var img = new fabric.Image(ele, {
                height: 100,
                width: 100,
                top: getRandomNum(0, canvasHeight - 100),
                left: getRandomNum(0, canvasWidth - 100)
            });            
            canvas.add(img);
            canvas.isDrawingMode = false;
        }

上面的函数会在画布上添加一个图像。

这是使所选图像对象变灰的功能。

var isGray = false;
        function makeImageGray() {
            isGray = !isGray;
            var img = canvas.getActiveObject();
            if (img != null && img.type == "image") {
                applyFilter(0, isGray && new fabric.Image.filters.Grayscale())
            }
            else {
                alert("Please select single image on canvas");
            }
            canvas.isDrawingMode = false;
        }

当调用上述函数时，会使图像模糊且质量暗淡