文章/答案/技术大牛

发布

问离子3压缩图像
EN

Stack Overflow用户

提问于 2017-07-23 14:55:41

回答 2查看 8.4K关注 0票数 8

我已经用Ionic 3压缩了2天的图像客户端。我试过：

ng2-img-max -在使用blue-imp-canvas-to-blob canvas.toBlob()方法(ng2-img-max的依赖项)时引发错误。它只是告诉我错误发生在哪一行。我想我读过用Ionic语言创建HTMLCanvasElement是不可能的--这与webworkers有关。

Ahdin - JS library JIC - JS library TinyJPG - npm module

所有这些都带来了各种各样的错误，在研究它们之后，我确定了its，因为库/模块与Ionic 3不兼容。我认为这在很多时候是HTMLCanvasElement的一个问题。

我尝试了这问题中的建议--但更改quality变量并不会改变图像的大小。

是否有人成功地使用Ionic 3压缩客户端的图像？你是怎么做到的？

ionic-framework

compression

javascript

image

typescript

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-07-23 15:26:45

尝试使用CameraOptions跟踪照相机插件。

const options: CameraOptions = {
        quality: 20,
        targetWidth: 600,
        targetHeight: 600,
        destinationType: this.camera.DestinationType.DATA_URL,
        encodingType: this.camera.EncodingType.PNG,
        mediaType: this.camera.MediaType.PICTURE,
        sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
        allowEdit: true //may not work with some deices
}

票数 10

Stack Overflow用户

发布于 2019-06-18 05:58:36

我正在使用ngx-图像压缩

import { NgxImageCompressService } from "ngx-image-compress";

constructor(public imageCompress: NgxImageCompressService) { }

private compressImage() {
      this.imageCompress.compressFile(data, '', 50, 50).then(result => {
         this.imageData = result;
      })
}

播放选项，或循环压缩过程以获得所需的结果:)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45266483

复制

相似问题

问离子3压缩图像
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问离子3压缩图像EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问离子3压缩图像
EN