归志宁无五亩园,读书本意在元元。这篇文章主要讲述Ionic3 使用摄像头相关的知识,希望能为你提供帮助。
cordova-plugin-camera 相机插件
安装:
$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera
使用1. app.module.ts的providers引用插件
importCamera,CameraOptions from @ionic-native/camera;
constructor(
private camera:Camera)
// 设置选项
const options: CameraOptions =
quality: 100,
sourceType: this.camera.PictureSourceType.CAMERA,
destinationType: this.camera.DestinationType.DATA_URL,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE
// 获取图片
this.camera.getPicture(options).then((imageData) =>
// 获取成功
let base64Image = data:image/jpeg; base64, + imageData;
, (err) =>
console.log(获取图片失败);
);
CameraOptions参数说明:
CameraOptions | 作用 参数 |
quality | 图像质量,越高质量越好 |
sourceType | 图片源 |
destinationType | 图片路径 |
encodingType | 图片类型 |
mediaType | 媒体类型,这个插件也能选视频等 |
- PHOTOLIBRARY 从相册取图,获取单张图片用
- CAMERA 拍照,
- SAVEDPHOTOALBUM 保存图片
【Ionic3 使用摄像头】
推荐阅读
- #云原生征文# 在 Google Kubernetes Cluster 上使用 HANA Expression Database Service
- 创建Deployment后,无法创建Pod问题处理
- CentOS下 Nginx+PHP配置Session+Redis
- Netty学习笔记15 Netty Attribute使用
- CentOS7 防火墙
- WPF 新建项目与Application 类
- CentOS SSH免密登陆
- 机器人方向的刚性需求→个人思考←
- 反射 及 Reflections反射框架