Question

我的离子性道具是给名片照相。由于99％的名片都是横向样式，因此用户也尝试将相机方向更改为横向模式。这是自然行为。

但是，我想避免这种情况，一种方法是在打开相机时显示一个矩形（宽度等于屏幕宽度，高度的纵横比为3：2）

这将使生活变得轻松，因为用户不会尝试更改相机的方向。

我正在调查使用类似代码的相机插件

 this.camera.getPicture({
      destinationType: this.camera.DestinationType.DATA_URL,
      quality: 25,
      correctOrientation: true,
        allowEdit:false,
        sourceType: this.camera.PictureSourceType.SAVEDPHOTOALBUM
  }).then(async(imageData) => {
        //console.log("image data is:" + imageData) 
    // imageData is a base64 encoded string
      var base64Image = "data:image/jpeg;base64," + imageData;

我正在尝试targetWidth和height，但这并没有像我在许多其他应用程序中看到的那样绘制该框。

还有其他诸如cropperJs的插件，但似乎它们让您在拍摄后裁剪图像，这不是我所需要的。

Answer 1

为此使用 camera-preview-plugin 而不是camera：

const cameraPreviewOpts: CameraPreviewOptions = {
  x: 0,
  y: 0,
  width: window.screen.width,
  height: window.screen.height,
  camera: 'rear',
  tapPhoto: true,
  previewDrag: true,
  toBack: true,
  alpha: 1
}

Ionic Camera Preview

显示一个固定边界框以捕获图像

1 个答案: