ios版本小于13.4.1的手机需要前端对其调整图片方向,上传拍照照片总是方向不对

这类iphone中手机竖着拿然后逆时针旋转90°才是正确的拍照姿势

这时候拍出来的照片展示在canvas中是不会被旋转的。如果以其他角度拍照时,就会发生旋转。

function imgToCanvasWithOrientation(img, width, height, orientation) {let canvas = document.createElement("canvas");let ctx = canvas.getContext("2d");canvas.width=widthcanvas.height=heightif (判断机型系统不高于ios13.4.1) {switch (orientation) {case 3:ctx.rotate(Math.PI)ctx.drawImage(img, -width, -height, width, height);break;case 6:ctx.rotate(0.5 * Math.PI)ctx.drawImage(img, 0, -height, width, height);break;case 8:ctx.rotate(3 * Math.PI / 2)ctx.drawImage(img, -width, 0, width, height);break;default:ctx.drawImage(img, 0, 0, width, height);break}}return canvas.toDataURL(“image/png”);
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/730088.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【代码随想录算法训练营Day30】回溯算法总结(题暂时跳过,做完补上)

❇️Day 30 第七章 回溯算法 part06 ✴️今日内容 332.重新安排行程51.N皇后37.解数独总结 今天这三道题都非常难,那么这么难的题,为啥一天做三道?因为 一刷 也不求大家能把这么难的问题解决,所以 大家一刷的时候,就…

基于MPPT的太阳能光伏电池simulink性能仿真,对比扰动观察法,增量电导法,恒定电压法

目录 1.课题概述 2.系统仿真结果 3.核心程序与模型 4.系统原理简介 4.1 扰动观察法 (Perturb and Observe Method) 4.2 增量电导法 (Incremental Conductance Method) 4.3 恒定电压法 (Constant Voltage Method) 5.完整工程文件 1.课题概述 在simulink中,实…

力扣题库第5题:盛最多水的容器

题目内容: 给定一个长度为 n 的整数数组 height 。有 n 条垂线,第 i 条线的两个端点是 (i, 0) 和 (i, height[i]) 。 找出其中的两条线,使得它们与 x 轴共同构成的容器可以容纳最多的水。 返回容器可以储存的最大水量。 说明:你不…

基于51单片机风速仪风速测量台风预警数码管显示

基于51单片机风速仪风速测量报警数码管显示 1. 主要功能:2. 讲解视频:3. 仿真4. 程序代码5. 设计报告🔗6. 下载链接资料下载链接: 基于51单片机风速仪风速测量报警数码管显示( proteus仿真程序设计报告讲解视频) 仿真图…

C/C++内存管理【C++】

目录 一、 C/C内存分布1. C内存管理方式(1) new和delete操作内置类型(2) new和delete操作自定义类型 二、 operator new与operator delete函数三、 malloc/free和new/delete的区别四、内存泄漏 一、 C/C内存分布 C/C程序的内存布局会因编译器和操作系统而有所不同,但…

Vue2 基础一指令

代码下载 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,官网。 Vue基本使用 如何利用Vue将hello world 渲染到页面上 1、需要提供标签用于填充数据,在标签中使用插值语法的形式 即 {{}} 进行填充数据,插…

Linux:好用的Linux指令

进程的Linux指令 1.查看进程信息 ​​​​ps ajx | head -1 && ps ajx | grep 进程名创建一个进程后输入上述代码,会打印进程信息,当我们在code.exe中写入打印pid,ppid,这里也和进程信息一致。 while :; do ps ajx | he…

【Java Web】HTML瞄一眼就懂!

目录 一、HTML概念 二、什么是标记语言 三、HTML文档创建 四、HTML基本结构 五、专业词汇 六、HTML常用标签 七、页面布局 八、页面显示特殊符号 一、HTML概念 HTML文件本质上是文本文件,而普通的文本文件只能单纯的显示字符而HTML文件则通过使用HTML标签可…

linux下mysql安装及主从配置的设置

目录 检测系统安装步骤MySQL源安装MySQL源已安装:完毕!安装MySQL查看是否安装成功已安装的软件包启动MySQL并检查MySQL运行状态获取MySQL登录密码并修改默认密码主节点配置(1)修改/etc/my.cnf文件,并重启服务(2)创建从节点访问用户(3)查看主节点状态

mybatis-plus saveOrUpdateBatchByUniquekey 插入或更新按自定义唯一索引

mybatis-plus 自带的saveOrUpdateBatch 是以主键来判断插入 或更新的, 如何根据唯一索引实现呢? ## mysql 定义唯一索引 unique key: (salary_date, tenant_id, type, id_no)Transactional(rollbackFor Exception.class) Override public boolean save…

前端Sonar部署的步骤

下载并安装Java jdk,Sonar运行必须依赖jdk。下载sonarqube和sonar-scanner。配置环境变量,打开.bash_profile文件,添加以下内容: # jdkexport JAVA_17_HOMEjdk安装地址export JAVA_HOME$JAVA_17_HOMEexport PATH$JAVA_HOME/bin:$P…

xlrd库的安装和应用

目录 前言 安装 注意 优点 通用知识 函数方法 使用范例 使用心得 前言 xlrd库特别适合需要处理Excel文件中数据的任务. 同时,需要注意的是,xlrd 主要用于读取Excel文件。如果需要写入Excel文件,可以结合其他库如 openpyxl或者xlsxwri…

嵌入式学习36-TCP要点及http协议

TCP发送文件的粘包问题 1. 例: 发端 1.flv-------->收端 1.flv csfga 2.解决 1. sleep(1) 延时发送 2.自…

C++ 实战项目之 Boost 搜索引擎

项目地址:https://gitee.com/Vertas/boost-searcher-project 1. 项目背景 日常生活中我们使用过很多搜索引擎,比如百度,搜狗,360搜索等。我们今天是要实现一个像百度这样的搜索引擎嘛?那是不可能的,因为像…

2024年新版CMS内容管理使用,不用回退老版本 使用最新小程序云开发cms内容模型

一,问题描述 最近越来越多的同学找石头哥,说cms用不了,其实是小程序官方最近又搞大动作了,偷偷的升级的云开发cms(内容管理)以下都称cms,不升级不要紧,这一升级,就导致我…

【三维重建】VastGaussian:用于大场景重建的大3D Gaussian(CVPR 2024)

题目:VastGaussian: Vast 3D Gaussians for Large Scene Reconstruction 来源:清华大学;华为诺亚;中国科学院 链接:https://vastgaussian.github.io/ 总结:VastGaussian:基于3D GS的分块优化重…

7-18 彩虹瓶(Python)

彩虹瓶的制作过程(并不)是这样的:先把一大批空瓶铺放在装填场地上,然后按照一定的顺序将每种颜色的小球均匀撒到这批瓶子里。 假设彩虹瓶里要按顺序装 N 种颜色的小球(不妨将顺序就编号为 1 到 N)。现在工…

系统质量属性与架构评估

本博客地址:https://security.blog.csdn.net/article/details/136565452 一. 软考系统质量属性 1、软件系统质量属性是一个系统的可测量或可测试的属性,基于软件系统的生命周期,可将软件系统的质量属性分为开发期质量属性和运行期质量属性 …

仿牛客项目Day02:http、调试、日志、git

http状态码 后端调试 f8:逐行执行 f7:进入语句内部 f9:执行到下一个断点 前端调试 f10:逐行调试 f11:进入语句内部 f8:执行到下一个断点 日志 按照级别开启日志 日志的测试类 比如把application里…

Java --- springcloud初始项目创建

目录 一、cloud项目创建 1.1、项目编码规范 1.2、注解生效激活 1.3、导入父工程maven的pom依赖 二、创建子工程并导入相关pom依赖 2.1、相关配置文件 2.1.1、数据库配置文件内容 2.1.2、自动生成文件配置内容 三、创建微服务8001子工程 3.1、导入相关pom依赖 3.…