Установите ширину QuaggaJs на 100%?

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 (Bootstrap)

<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 вы экранировать размеры