我的项目背景:微信公众号,不想用微信 JS-SDK 图片上传性能
发现局部机型,微信内置浏览器,vant-upload 组件选取图片会产生旋转
解决方案:利用 H5 的 canvas 标签操作图片旋转
代码正文不全,大略逻辑就是 选图片 =》读取文件后 =》判断图片方向 =》用画布重画图片并旋转 =》保留图片文件
代码:
`
<!DOCTYPE html>
我的项目背景:微信公众号,不想用微信 JS-SDK 图片上传性能
发现局部机型,微信内置浏览器,vant-upload 组件选取图片会产生旋转
解决方案:利用 H5 的 canvas 标签操作图片旋转
代码正文不全,大略逻辑就是 选图片 =》读取文件后 =》判断图片方向 =》用画布重画图片并旋转 =》保留图片文件
代码:
`
<!DOCTYPE html>