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

グレースケール フィルターを試してみましたが、リフレッシュは改善されましたが、十分ではありませんでした。解像度を下げる方法はありますか (ダウンサンプリング)。よろしくお願いします。