博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic 照相机 Camera
阅读量:5019 次
发布时间:2019-06-12

本文共 1577 字,大约阅读时间需要 5 分钟。

1.官网:

  https://ionicframework.com/docs/native/camera/#DestinationType

2.引入插件

$ ionic cordova plugin add cordova-plugin-camera$ npm install --save @ionic-native/camera

3.在app.module.ts里面引用

  import { Camera } from '@ionic-native/camera';
  
  providers:[ Camera ]

4.新建一个CameraPage 用来作例子

  ts:

import { Component } from '@angular/core';import { IonicPage, NavController, NavParams } from 'ionic-angular';import { Camera,CameraOptions } from '@ionic-native/camera';/** * Generated class for the CameraPage page. * * See https://ionicframework.com/docs/components/#navigation for more info on * Ionic pages and navigation. */@IonicPage()@Component({  selector: 'page-camera',  templateUrl: 'camera.html',})export class CameraPage {  public base64Image;  constructor(public navCtrl: NavController, public navParams: NavParams,public camera:Camera) {  }  doCamera(){    const options: CameraOptions = {      quality: 70,//图片质量      destinationType: this.camera.DestinationType.DATA_URL,//返回base64地址      encodingType: this.camera.EncodingType.JPEG,           sourceType:this.camera.PictureSourceType.CAMERA,      // mediaType: this.camera.MediaType.PICTURE,      allowEdit:true,      targetWidth:300,  /*宽度高度要设置*/      targetHeight:300,      saveToPhotoAlbum:true,     }    this.camera.getPicture(options).then((imageData) => {      this.base64Image = 'data:image/jpeg;base64,'+imageData; //拍照地址      console.log(this.base64Image);     }, (err) => {     });  }}

  html:

5.照相机参数

 

 

转载于:https://www.cnblogs.com/wskxy/p/9968362.html

你可能感兴趣的文章
浅谈 @RequestParam 和@PathVariable
查看>>
[实变函数]1.2 集合的运算
查看>>
织梦DEDE多选项筛选_联动筛选功能的实现_二次开发
查看>>
xposed获取context 的方法
查看>>
He who hesitates is Lost
查看>>
关于<form> autocomplete 属性
查看>>
收缩SqlServer数据库日记方法
查看>>
学习方法--提问
查看>>
merge-two-sorted-lists
查看>>
Educational Codeforces Round 60 (Rated for Div. 2) C. Magic Ship
查看>>
归并排序法
查看>>
CRC标准以及简记式
查看>>
SQL SERVER BOOK
查看>>
WebAPI HelpPage支持area
查看>>
Path元素
查看>>
js学习总结----DOM增删改和应用
查看>>
(20)sopel算法
查看>>
学习总结 javascript 闭包
查看>>
实验吧一个小坑注入
查看>>
【 D3.js 高级系列 — 8.0 】 打标
查看>>