在 Custom View Camera Preview Ionic 3 中获取图片

Question

目前我尝试使用相机预览从自定义视图中获取图片，但结果是图片始终是原始大小。这是我的代码..

RunCamera() {

let quarter = window.screen.height / 4, mid = quarter + (quarter/2)
const cameraPreviewOpts: CameraPreviewOptions = {
  x: 0,
  y: this.mid,
  width: window.screen.width,
  height: 70,
  camera: 'rear',
  tapPhoto: true,
  previewDrag: true,
  toBack: true,
  alpha: 1
}

// start camera
this.cameraPreview.startCamera(cameraPreviewOpts).then(
  (res) => {
    console.log("startCamera ok",res)
  },
  (err) => {
    console.log("startCamera Err",err)
  });}

相机会运行像下面这样..这个运行嗯..

之后，我需要拍照，结果是这样的..

这是我的代码..

takePic(){

// picture options
const pictureOpts: CameraPreviewPictureOptions = {
  width: 1280,
  height: 1280,
  quality: 85
}

// take a picture
this.cameraPreview.takePicture(pictureOpts).then((imageData) => {
  console.log("takePicture",imageData);
  this.selectedImage = 'data:image/png;base64,' + imageData;

  this.cameraPreview.stopCamera();
}, (err) => {
  console.log(err);
  alert("Error occured while taking picture:"+JSON.stringify(err))
});}

总之有没有达到我的目标？

Answer 1

终于5天过去了，拍照的时候不能自由选择尺寸了。每个设备都有一组固定的可能尺寸可供使用。只有这些是可能的。如果我尝试使用上述选项拍照，插件会选择最接近给定选项的 supportedSize。

我想要的只是图像的一部分。所以你需要在之后处理图像。处理图像不应该是这个插件的一部分。

https://github.com/cordova-plugin-camera-preview/cordova-plugin-camera-preview/issues/440

在 Custom View Camera Preview Ionic 3 中获取图片

Get picture in Custom View Camera Preview Ionic 3

javascript

image

cordova-plugins

ionic3