ios. 拍照并裁减

2026-09-08

iOS自定义拍照框拍照&裁剪（一）

卡片机时代很重要的一点是,相机本身是没有方向概念的,它不理解拍摄的内容,只会以相机自己的坐标系去保存数据,下图展示了相机对"F"进行四个角度拍摄时返回的图片数据. 最初的卡片机时代,照片都会经由底片洗出来,那时不存在照片的方向问题,我们总可以把洗出来的照片通过简单的旋转来进行观看.比如这张照片墙中的照片,你能否说哪些照片是横着?哪些颠倒着?你甚至都无法判断每张照片相机是以何种角度拍摄的,因为每张都已经旋转至适合观看的角度. 数码时代可是到了数码时代,不再需要底片,照片需要被存成一个

图片上传前压缩，base64图片压缩 Exif.js处理ios拍照倒置等问题

曾写过在前端把图片按比例压缩不失真上传服务器的前端和后台,可惜没有及时做总结保留代码,只记得js利用了base64位压缩和Exif.js进行图片处理,还有其中让我头疼的ios拍照上传后会倒置等诸多问题,当时也是在看了网上的各种代码后才有思路进行编写,希望留下一些大佬的代码在以后小弟我方便学习 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">

iOS拍照定制之AVCaptureVideoDataOutput

问题领导看了前面做的拍照,问了句"哪来的声音", "系统的,自带的,你看系统的拍照也有声音" "有办法能去掉吗?挺糟心的" "我试试" 思路路漫漫其修远兮,吾在度娘+SDK中求索拍砖AVCaptureVideoDataOutput, 代理方法中将CMSampleBufferRef转成UIImage 上码 session设置不提 layer设置可参考上篇 [iOS拍照定制之AVCapturePhotoOutput] 以及

iOS 拍照中加入GPS和具体地理位置

最近有一个需求,要求用手机拍个照片,并切需要拍摄时间,拍摄gps,拍摄具体街道信息. 首先要感谢PhotoGPSdemo的作者,你可以到这里下载demo http://www.cocoachina.com/bbs/read.php?tid=130501. 以前,总认为jpg就是包含了像素信息的2进制文件,其实,jpg中还可以包含许多起它的信息,只不过我们平常用查看jpg属性时,系统没有给我们把信息全部显示出来而已! 在iOS中,提供了一组函数来操作jpg的这些额外的信息,你需要#import <

iOS拍照图片旋转的问题

很久之前,遇到了这种情况,iOS某端拍照上传到服务器,其他iOS端从服务器下载该照片展示,发现图片逆时针旋转了90度.当时百度了一下,找到一段代码修正image方向,问题解决了,但没有深入理解底层原理.最近又遇到这个问题,还是同样的解决方案.但是codereview的时候同事问为什么这么写,就深入研究了一下. 首先我们要知道image的imageOrientation属性.它是记录拍照时手机方向的,iOS默认横屏Home键在右侧为标准拍照姿势,imageOrientation为UIImageOr

iOS拍照定制之AVCapturePhotoOutput

问题领导安排任务,写个拍照功能,界面跟系统拍照有点出入拍完照片,底部显示已拍照片,有个拍照上限[在此不论] 点击已拍照片,可以预览.放大缩小查看思路系统拍照肯定不行了,只能定制,没提是否拍照禁止声音的需求[非偷拍,正经人] 原则上能简单就不复杂,拍砖AVCapturePhotoOutput 捋捋首先,你需要一块暂时当前场景的layer,这里不提,参考上篇[iOS写在定制相机之前] 其次,定义session + photoOutput 再次,定义拍照事件最后,代理中获得照片上菜 se

iOS拍照上传后，在web端显示旋转 Swift＋OC版解决方案

问题描述: 手机头像上传,遇到一个怪现象,就是拍照上传时,手机端显示头像正常,但在web端查看会有一个左旋90度的问题. 并且照片竖怕才会有此问题,横拍不存在. 原因分析: 手机拍照时,用相机拍摄出来的照片是含有EXIF信息的,在我们得到 UIImage时,可以查看此Image的imageOrientation属性,其实就是指的EXIF中的orientation信息. 如果我们忽略orientation信息,而直接对照片进行像素处理或上传等操作,得到的结果是翻转或者旋转90之后的样子. 这是因为

iOS拍照之系统拍照

拍照在App中使用频次高,入门级别直接调用系统拍照思路: 系统拍照使用UIImagePickerController 1.设置下plist,否则没权限,报错 2.判断摄像头,获取权限,否则弹出界面黑着 3.设置代理,实现代理 4.代理方法中获取拍照的图片/视频上菜 plist中添加Privacy - Camera Usage Description,文案根据App需要来权限 if ([UIImagePickerController isSourceTypeAvailable:UIImage

iOS 拍照保存到相册

之前看了一些开源的代码,里面有一个功能,就是将图片下载到相册,仔细看了其中的代码,只有很简单的一句话,并且保存过后,还可以判断是否保存成功. 如下代码所示, 点击按钮,将self.imageView上面的image内容保存到本地相册,并指定判断保存成功与否的方法imageSavedToPhotosAlbum:didFinishSavingWithError:contextInfo: - (IBAction)saveImageToAlbum:(id)sender { UIImageWrite

IOS 拍照旋转修正

- (UIImage *)fixOrientation:(UIImage *)aImage { // No-op if the orientation is already correct if (aImage.imageOrientation == UIImageOrientationUp) return aImage; // We need to calculate the proper transformation to make the image upright. // We do i

修正ios h5上传图时的图片方向问题

.ios上传会在exif中带一个 Orientation的属性,这个属性在windows中不会生效,在ios浏览器中会生效,造成图片在windows资源管理器中与ios浏览器中方向不一致为了用户体验,需要把图片矫正成正常的图片. 需要用到一个 exif 插件地址 https://github.com/exif-js/exif-js/ 代码 function check_file(files){ //校验收集表单数据 // var formdata = new FormData(); ]

react-native多图选择、图片裁剪(支持ad/ios图片个数控制)

扯淡: 目前关于rn比较知名并且封装好的图片选择控件很多,不过能同时支持多图片上传,个数控制兼容iOS/Ad的却寥寥无几,而今天介绍的这款框架可以实现:图片裁剪.最大图片个数限制.拍照.本地相册等功能. 效果: 使用简介: 原理:react-native-syan-image-picker多图片选择器: Android 基于 PictureSelector 2.0 iOS 基于 TZImagePickerController 1.9.0 iOS/android配置:具体步骤参考:h

H5拍照、选择图片上传组件核心

背景前段时间项目重构,改成SSR的项目,但之前用的图片选择上传组件不支持SSR(server-side-render).遂进行了调研,发现很多的工具.但有的太大,有的使用麻烦,有的不满足使用需求.决定自己写一个h5移动端图片上传组件.图片上传是一个比较普遍的需求,PC端还好,移动端就不是特别好做了.下面将过程中一些重点的问题进行简单的记录. 重点 1.关于input 选择功能使用<input>标签实现.属性accept='image/*',:capture表示,可以捕获到系统默认的设备,比如

移动端 H5 拍照从手机选择图片，移动端预览，图片压缩，图片预览，再上传服务器

前言:最近公司的项目在做全网营销,要做非微信浏览器的wap 站的改版,其中涉及到的一点技术就是采用H5 选择手机相册中的图片,或者拍照,再将获取的图片进行压缩之后上传. 这个功能模块主要有这5点比较难: 1手机获取相册的图片文件,拍照的图片文件,通过js 的自带的img对象,获取图片对象. 2.图片的压缩,采用canvas 画布进行压缩图片,图片的质量通过参数指定大小,数值区间在0.1-0.9之间,数值越小压缩的比例越小 3.图片的预览,将canvas画布生成的图片经过旋转平移到预览区域 4.

Android性能优化之图片压缩优化

1 分类Android图片压缩结合多种压缩方式,常用的有尺寸压缩.质量压缩.采样率压缩以及通过JNI调用libjpeg库来进行压缩. 参考此方法:Android-BitherCompress 备注:对于资源图片直接使用:tiny压缩 2 质量压缩(1)原理:保持像素的前提下改变图片的位深及透明度,(即:通过算法抠掉(同化)了图片中的一些某个些点附近相近的像素),达到降低质量压缩文件大小的目的. 注意:它其实只能实现对file的影响,对加载这个图片出来的bitmap内存是无法节省的,还是那么大.因

[置顶] Android 关于BottomDialogSheet 与Layout擦出爱的火花？

今天上班做那个类似于ios拍照的那种效果图就是个垂直布局然后里面textview+分割线+textview+button 当然也可以用button+分割线+button 方法有很多,选择适合自己的就行. 1.首先看下何为bottomsheetdialog,以前Bottom Sheet是在support library 23.2之后提供的一个新控件,也就是需要用6.0以上的SDK进行编译才可以使用此控件下面看下我当前的sdk版本号是25因此使用完全没问题 2.看下我之前的布局代码如下: <?

Android仿微信高效压缩图片(libjpeg)

用过ios手机的同学应该很明显感觉到,ios拍照1M的图片要比安卓拍照排出来的5M的图片还要清晰.这是为什么呢? 这得了解android底层是如何对图片进行处理的．当时谷歌开发Android的时候,考虑了大部分手机的配置并没有那么高,所以对图片处理是使用的Skia这个开源库.当然这个库的底层还是是用的jpeg对图片进行压缩处理.但是为了能够适配低端的手机(这里的低端是指以前的硬件配置不高的手机,CPU和内存在手机上都非常吃紧性能差),由于哈夫曼算法非常吃CPU,被迫用了其他的算法.所以Ski

Android 关于BottomDialogSheet 与Layout擦出爱的火花？

今天上班做那个相似于ios拍照的那种效果图就是个垂直布局然后里面textview+切割线+textview+button 当然也能够用button+切割线+button 方法有非常多,选择适合自己的即可. 1.首先看下何为bottomsheetdialog,曾经Bottom Sheet是在support library 23.2之后提供的一个新控件.也就是须要用6.0以上的SDK进行编译才干够使用此控件以下看下我当前的sdk版本是25因此使用全然没问题 2.看下我之前的布局代码例如以下:

第06组 Alpha冲刺（2/6）

队名:拾光组组长博客链接作业博客链接团队项目情况燃尽图(组内共享) 组长:宋奕过去两天完成了哪些任务主要完成了上传照片模块的信息采集具体完成了采集用户上传的照片信息.分析图像数据.比对数据库的数据.返回查询车主结果 GitHub签入记录接下来的计划完成用户论坛模块.联系模块还剩下哪些任务完成用户论坛接口设计.联系接口设计燃尽图组内共享遇到了哪些困难如何准确分析图像数据,实现车牌号.车型等的信息采集? 车主的信息该用怎样的形式返回确保隐私安全? 有哪些收获和疑问学会了

Vue 上传图片压缩的问题

前言也是很少来写博客了,也是赖吧,哈哈最近新的进度里有上传图片太大,需要前台进行图片压缩问题,然后查阅了相关资料上传图片大于100* 1024 的用canvas 来压缩来解决然后IOS拍照上传会有图片旋转的问题,然后用了github 上的exif.js很好的插件,项目里面npm install exif-js --save 安装, 然后import一下就可以使用了,来看看代码吧 HTML+CSS+JS Vue的组件代码 <template> <div> <div

iOS开发系列--音频播放、录音、视频播放、拍照、视频录制

--iOS多媒体概览随着移动互联网的发展,如今的手机早已不是打电话.发短信那么简单了,播放音乐.视频.录音.拍照等都是很常用的功能.在iOS中对于多媒体的支持是非常强大的,无论是音视频播放.录制,还是对麦克风.摄像头的操作都提供了多套API.在今天的文章中将会对这些内容进行一一介绍: 音频音效音乐音频会话录音音频队列服务视频 MPMoviePlayerController MPMoviePlayerViewController AVPlayer 摄像头 UIImagePicker

ios. 拍照并裁减

热门专题