首页 > 解决方案 > 使用插件 cordova-plugin-camera-preview 将控件放置在预览中的图层上方

问题描述

我正在尝试在 HTML 混合应用程序中使用此照片相机插件cordova-plugin-camera-preview并且它可以工作,但是我无法在对焦时将控件放在相机层上。但是,当我拍照并且相机显示预览时,它们会出现在图层上方。有谁知道是否有任何配置可以使按钮出现在相机层上?

捕获

标签: androidcordovacordova-plugins

解决方案


最后我在 js/index.js 的这一行中找到了解决方案

  var app = {
    startCameraAbove: function(){
    CameraPreview.show();  
    CameraPreview.startCamera({x: 0, y: 0, width: window.screen.width, height: 
  window.screen.height, camera: "back", toBack: true, previewDrag: false, tapPhoto: true});
  },

在 js/index.js 脚本的开头我们必须将这些值放在toBack:true中以保持相机完全后退(注意,HTML背景可以覆盖它,我建议在 CSS 中放置 background: transparent ),它还建议更改previewDrag: false以避免揭开背景。


推荐阅读