Как отобразить nativeimage в electron

У меня Electron WebView. Я хочу сделать снимок экрана с его содержимым и отобразить его где-нибудь в своем приложении.

Я пробовал использовать метод webview.capturePage, который возвращает Родное изображение.

Как я могу добавить это изображение в DOM и таким образом отобразить его в моем приложении? Я не знаю, как это преобразовать.

Что ты уже сделал? Вы можете поделиться своим кодом?

abranhe 13.09.2018 20:58

Возможно, лучше использовать метод image.toDataURL. Этот видеоурок объясняет, помимо прочего, как это сделать.

user8022331 13.09.2018 22:32
2
2
1 950
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать image.toDataURL для этой цели (как предложил @Mikaeru). Примером может быть

<html>
  <body>
    <webview id="view" src="https://www.github.com/" style="width:320px; height:240px">
    </webview>
    <button id="capture">Capture</button>
    <img id="show" src="" />
    <script>
      const wv = document.getElementById('view')
      const b = document.getElementById('capture')
      const i = document.getElementById('show')
      b.addEventListener('click', () => {
        wv.capturePage((img) => {
          i.src = img.toDataURL()
        })
      })
    </script>
  </body>
</html>

Другие вопросы по теме