Ionic 카메라 미리보기가 표시되지 않음

RD 악명 높은

탭 레이아웃이 있고 첫 번째 탭에 'takePicture ()'라는 클릭 이벤트가있는 팹을 배치했습니다. 이 방법에서는 카메라 권한을 확인한 다음 카메라 미리보기 플러그인을 사용해 봅니다. 버튼을 클릭해도 카메라 미리보기가 나타나지 않습니다.

takePicture() {
this.androidPermissions.requestPermission(this.androidPermissions.PERMISSION.CAMERA).then(result => { 
  console.log(result.hasPermission);
  if(result.hasPermission) {
    const cameraPreviewOpts: CameraPreviewOptions = {
      x: 10,
      y: 10,
      width: 100,
      height: 100,
      camera: 'rear',
      tapPhoto: true,
      previewDrag: true,
      toBack: true,
      alpha: 1
    }

    this.cameraPreview.startCamera(cameraPreviewOpts).then(
      (res) => {
        console.log(res)
      },
      (err) => {
        console.log(err)
      });
  } else {
    console.log('Could not access camera without permission');
  }
});
}

산출:

true
Camera started

카메라가 시작되었다는 메시지가 표시되지만 미리보기가 표시되지 않습니다. 도움을 주시면 감사하겠습니다!

RD 악명 높은

추가하여 수정

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

탭의 scss 파일에.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

카메라 onPreviewFrame () 일부 장치에 호출되지 않습니다 (미리보기 표시 현재)

iOS (iphone) Safari에서만 Twilio 비디오 카메라가 표시되지 않음

Ionic Cordova 카메라가 작동하지 않음

Ionic Cordova 카메라가 작동하지 않음

Xcode에서 미리보기에 자산 라이브러리의 이미지가 표시되지 않음

Ionic Spinner가 표시되지 않음

OpenCV 카메라 미리보기에 마스크가 표시되지 않음

iOS에서 Ionic 2 카메라 선택 비디오가 작동하지 않음

Unity3D / Vuforia AR 카메라가 카메라 배경에 카메라 피드를 표시하지 않음

카메라 미리보기 레이어에 Swift 4가 표시되지 않음

이미지 src에 카메라 FILE_URI 경로가 표시되지 않는 Ionic 3

TakePhotoAsync 카메라가 열리지 않음

카메라 미리보기가 다시 초기화되지 않음 => 좋은 Android 카메라 구현?

카메라 미리보기가 전체 화면으로 표시되지 않음 (상자에 표시됨)

Android : Framelayout의 상대 레이아웃이 표시되지 않음 (커스텀 카메라 미리보기 화면)

Ionic 사이드 메뉴에 콘텐츠가 표시되지 않음

Android 카메라 미리보기가 전체 화면에 표시되지 않음

Android 카메라 미리보기가 전체 화면에 표시되지 않음

기기에 카메라 컨트롤이 표시되지 않음

Android에서 처음로드 할 때 카메라 미리보기가 표시되지 않습니다.

Android : 카메라에서 이미지보기에 이미지가 표시되지 않음

스크린 샷과 카메라 미리보기가 동시에 작동하지 않음

Android 5에 Ionic 카드 항목 텍스트가 표시되지 않음

내 카메라 앱의 내 카메라 미리보기가 명확하지 않음 (Android)

Ionic2 Cordova 카메라가 작동하지 않음

Ionic 4: 라우팅이 있는 탭에 콘텐츠가 표시되지 않음

Twitter 미리보기 카드가 표시되지 않음

카메라 사용 후 캔버스가 업데이트되지 않음(Android/Ionic)

Android Studio: 사용자 정의 카메라 미리보기가 표시되지 않음

TOP 리스트

  1. 1

    Ionic 2 로더가 적시에 표시되지 않음

  2. 2

    JSoup javax.net.ssl.SSLHandshakeException : <url>과 일치하는 주체 대체 DNS 이름이 없습니다.

  3. 3

    std :: regex의 일관성없는 동작

  4. 4

    Xcode10 유효성 검사 : 이미지에 투명성이 없지만 여전히 수락되지 않습니까?

  5. 5

    java.lang.UnsatisfiedLinkError : 지정된 모듈을 찾을 수 없습니다

  6. 6

    rclone으로 원격 디렉토리의 모든 파일을 삭제하는 방법은 무엇입니까?

  7. 7

    상황에 맞는 메뉴 색상

  8. 8

    SMTPException : 전송 연결에서 데이터를 읽을 수 없음 : net_io_connectionclosed

  9. 9

    정점 셰이더에서 카메라에서 개체까지의 XY 거리

  10. 10

    Windows cmd를 통해 Anaconda 환경에서 Python 스크립트 실행

  11. 11

    다음 컨트롤이 추가되었지만 사용할 수 없습니다.

  12. 12

    C #에서 'System.DBNull'형식의 개체를 'System.String'형식으로 캐스팅 할 수 없습니다.

  13. 13

    JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성

  14. 14

    Cassandra에서 버전이 지정된 계층의 효율적인 모델링

  15. 15

    복사 / 붙여 넣기 비활성화

  16. 16

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

  17. 17

    Google Play Console에서 '예기치 않은 오류가 발생했습니다. 나중에 다시 시도해주세요. (7100000)'오류를 수정하는 방법은 무엇입니까?

  18. 18

    SQL Server-현명한 데이터 문제 받기

  19. 19

    Seaborn에서 축 제목 숨기기

  20. 20

    ArrayBufferLike의 typescript 정의의 깊은 의미

  21. 21

    Kubernetes Horizontal Pod Autoscaler (HPA) 테스트

뜨겁다태그

보관