Compression 织物js图像优化

我使用fabric js并在上面使用上传图像选项，但这里人们上传的图像尺寸很大（2mb等），所以有没有压缩的方法

我将整个画布以JSON格式保存在数据库中，然后检索，但由于图像大小，画布的大小也会增加

这是小提琴

`http://jsfiddle.net/jaibuu/Vp6wa/`

---

在js FIDLE代码中，您应该传递图像的路径引用

 var image = new fabric.Image(imgObj);
        image.set({
            left: 250,
            top: 250,
            angle: 20,
            padding: 10,
            cornersize: 10
        });

jsonObj中只存储路径引用，而不是将序列化图像保存到画布

 var image = new fabric.Image(imgObj);
        image.set({
            left: 250,
            top: 250,
            angle: 20,
            padding: 10,
            cornersize: 10,
            sourcePath: url
        });

---

您正在将画布转换为json格式，并且没有用于json优化的选项。但如果使用该方法，则该方法有一个质量选项可用。如果要减小转换图像的大小，请将质量设置为0.0，它将生成低质量和低大小的图像

var dataURL = canvas.toDataURL({
  format: 'jpeg',
  quality: 0.8
});

注意：如果使用质量选项，请记住格式必须为jpeg。