Kinetic JS - 当鼠标停止时使用过滤器更改图像分辨率

Question

我正在改变鼠标左键（拖动）来改变图像，它可以工作但很慢（刷新）。我使用以下内容显示图像：

 function makeKineticImage() {
                dImage1 = new Kinetic.Image({
                    drawFunc: function(canvas) {
                        var context2 = canvas.getContext("2d");
                        var x = 0;
                        var y = 0;
                        context2.drawImage(dicom1, x, y);
                        imageData = context2.getImageData(x, y, dicom1.width, dicom1.height).data;
                    }
                });
                layer1.add(dImage1);

然后使用Ajax更改图像：

    ...
    }).done(function(d) {
dImage1.applyFilter(Kinetic.Filters.Grayscale, null, function() {
image.src = '/Home/changeImage?udm=' + (++udm);
 layer1.draw();
  });

我尝试过灰度滤镜，刷新改进但不够好。有没有办法降低分辨率（下采样）。我要感谢你的建议，提前谢谢。