У меня Electron WebView
. Я хочу сделать снимок экрана с его содержимым и отобразить его где-нибудь в своем приложении.
Я пробовал использовать метод webview.capturePage
, который возвращает Родное изображение.
Как я могу добавить это изображение в DOM и таким образом отобразить его в моем приложении? Я не знаю, как это преобразовать.
Возможно, лучше использовать метод image.toDataURL. Этот видеоурок объясняет, помимо прочего, как это сделать.
Вы можете использовать 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>
Что ты уже сделал? Вы можете поделиться своим кодом?