Question

我正在尝试为移动网络应用程序构建条形码扫描程序现在我想设置“相机视口”的宽度以适应我的div。

所以在QuaggaJs中你可以像这样设置直播的大小：

Quagga.init({
    inputStream : {
        name : "Live",
        type : "LiveStream",
        target: document.querySelector('#interactive'),
        constraints: {
            width: 200,
            height: 200,
            facing: "environment" // or user
        }
    },

如果您“评论”宽度和高度，则尺寸将大于我的移动屏幕那么，我怎样才能将视口设置为只填充我的div？

HTML（引导程序）

<div class="container">
  <div id="interactive" class="viewport"></div>
  <div id="interactive" class="viewport col-md-12"></div>
  <div id="interactive" class="viewport" style="width: 100%;"></div>
</div>

Answer 1

您可以使用此属性设置高度和宽度。

var w = window.innerWidth;

var h = window.innerHeight;

innerHeight和innerWidth是你的屏幕尺寸

将QuaggaJs的宽度设置为100％？

1 个答案: