Question

我有以下jsfiddle，它是一个带有按钮的现有图像，单击该按钮将从数组中随机更改图像src。

JSFIDDLE： http://jsfiddle.net/GpSbd/7/

这些图像中的一些会非常大，是否可以在将图像文件设置为setImage之前缩小或压缩图像文件并将其绘制到舞台上，因为我最终会将图像上传到我们的服务器上，因此希望它们像尽可能小

// CHANGE IMAGE FUNCTION
$('#changeImage').on("click", function(){ 
    var newImage = new Image();
    var img = layer.get('#Image1')[0];
    newImage.onload = function() {

                    <-- CAN I COMPRESS IT AT THIS STAGE? -->

        img.setImage(newImage);
        layer.draw();
    };
    var random = pictures[Math.floor(Math.random()*pictures.length)];
    newImage.src = random;
});

Answer 1

您已经在图片[]数组中保存了图片网址。

只需在您的服务器上保存该网址（random），而不是图片本身。

这会将您的存储空间缩小20到100倍。

如果服务器需要临时使用该映像，则服务器可以使用该URL来获取它。

kineticjs - setImage - 在绘制到舞台之前压缩/缩小图像质量

1 个答案: