ioni c 4 https://ionicframework.com/docs/native/camera-preview toBack: правда не работает - PullRequest
Новая
       11

ioni c 4 https://ionicframework.com/docs/native/camera-preview toBack: правда не работает

1 голос
/ 10 марта 2020
  1. Я работаю над приложением типа ioni c 4 angular
  2. Мне нужно специальное приложение камеры
  3. , чтобы я использовал плагины для предварительного просмотра камеры Cordova

В моем компоненте enet TS 

import { CameraPreview, CameraPreviewOptions,CameraPreviewPictureOptions } from '@ionic-native/camera-preview/ngx';

 private cameraPreview: CameraPreview

 taskphoto(){
this.imgurl = ''
    this.cameraPreview.startCamera(this.cameraOpts).then(res=>{
     // this.cameraPreview.
     console.log(res);
      this.imgurl = 'data:image/jpeg;base64,' + res;
    }, (err) => {
      console.log(err);
      this.imgurl =''
      //this.imgurl = 'assets/img/test.jpg';
      alert(err)
    });

}

in HTML 

<ion-fab class="fbtn"  vertical="bottom" (click)="takePicture()" horizontal="center" slot="fixed">
  <ion-fab-button>
    <ion-icon name="camera"></ion-icon>
  </ion-fab-button>
</ion-fab>
<ion-fab  class="fbtn" vertical="bottom" (click)="stop()" horizontal="start" slot="fixed">
  <ion-fab-button>
    <ion-icon name="arrow-back"></ion-icon>
  </ion-fab-button>
</ion-fab>
<ion-fab  class="fbtn" vertical="bottom" (click)="switchCamera()" horizontal="end" slot="fixed">
  <ion-fab-button>
    <ion-icon name="repeat"></ion-icon>
  </ion-fab-button>
</ion-fab>

enter image description here

, поэтому, когда я собираю камеру, не показываю, но звук захвата работает,

toback: false означает, что камера приходит, мои проекты скрываются,

также в индексе. html Я добавляю 

  html, body, .ion-app, .ion-content {

Цвет фона: прозрачный; }

и компонент s css я добавил 

 ion-content {--background-color: transparent !important}

body.camera-transparent, .camera-transparent ion-nav-view, .camera-transparent ion-view { background-color: transparent !important; }

эта строка все еще не работает

...