Отображение границы исправления для захвата изображения - PullRequest
Новая
       20

Отображение границы исправления для захвата изображения

0 голосов
/ 03 июня 2019

Моё приложение - фотографировать визитки. 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, но, кажется, они позволяют обрезать изображение после снятого, а не то, что мне нужно.

1 Ответ

1 голос
/ 03 июня 2019

Используйте camera-preview-plugin вместо камеры для этого: 

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

...