Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在自定义视图中获取图片相机预览3_Javascript_Image_Ionic3_Cordova Plugins - Fatal编程技术网

Javascript 在自定义视图中获取图片相机预览3

Javascript 在自定义视图中获取图片相机预览3,javascript,image,ionic3,cordova-plugins,Javascript,Image,Ionic3,Cordova Plugins,目前,我尝试使用相机预览从自定义视图获取图片,但结果是图片始终为原始大小。这是我的密码 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, came

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

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))
});}
摄像机将像吼叫一样运行。。这条路走得很好。。

在这之后,我需要拍照,但结果是这样的

这是我的密码

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))
});}

还有什么可以实现我的目标吗?

最后,5天后,我无法在拍照时自由选择尺寸。每个设备都有一组固定的可使用的可能尺寸。只有这些是可能的。如果我尝试使用上面的选项拍照,插件会选择一个最接近给定选项的supportedSize

我想要的只是图像的一部分。因此,之后需要对图像进行操作。操作图像不应该是这个插件的一部分


最后,5天后,我无法在拍照时自由选择尺寸。每个设备都有一组固定的可使用的可能尺寸。只有这些是可能的。如果我尝试使用上面的选项拍照,插件会选择一个最接近给定选项的supportedSize

我想要的只是图像的一部分。因此,之后需要对图像进行操作。操作图像不应该是这个插件的一部分