image - 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();
  });

我尝试了灰度滤镜，刷新有所改善，但还不够好。有没有办法降低分辨率（下采样）。我会很感激你的建议，在此先感谢。