小程序通过wx.createCanvasContext实现图片压缩,在手机上遇到的问题

发布于 2022-09-13 00:13:42 字数 621 浏览 22 评论 0

对上传的图片进行压缩,并对宽度进行限制,最大宽度为750。
1.先用chooseImage选择图片上传
image.png
2.然后用getImageInfo获取原始图片大小对宽度进行限制
image.png
3.后用wx.createCanvasContext创建canvas的绘图上下文(在这一步使用drawImage绘制图像到画布,设置了宽度和高度,但是在编译器上可以在手机上设置的宽度高度不生效虽然图片有绘制出来)
image.png
4.最后使用wx.canvasToTempFilePath生成图片
image.png

注:在开发工具上上传的图片是没问题的既有压缩也有被限制宽度最大是750px。但是在手机上上传的图片,宽度有被限制到但是放大了三倍(比如限制750上传后宽度变成了2250px),个人感觉可能是因为这样导致压缩力度没有很大(但是图片大小是有变小的)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

可遇━不可求 2022-09-20 00:13:42

不是提供了 wx.compressImage 接口么……

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文