在Electron中将元素/标记导出为PNG

是否可以将Electron中的标记/元素导出到PNG文件？怎么做

---

在我的特殊情况下，我正在尝试webview，因此，这不是一个简单的案例，因为它可能包含任何内容。

您可以使用。因此，为了只捕获一个独立的DOM元素，您必须获取它的维度，然后将其传递给

capturePage

，然后使用

---

您也可以在webview中执行此操作。只需在预加载脚本中运行它，并使用IPC与外部父渲染器进程通信

您可以使用屏幕截图截取

网络内容的一部分。因此，为了只捕获一个独立的DOM元素，您必须获取它的维度，然后将其传递给
capturePage
，然后使用

您也可以在webview中执行此操作。只需在预加载脚本中运行它，并使用IPC与外部父渲染器进程通信
 只想添加所有值必须四舍五入到最接近的整数才能工作。只想添加所有值必须四舍五入到最接近的整数才能工作。
const { x: left, y: top, width, height } = document.querySelector('my-element').getBoundingClientRect();

webContents.capturePage({x, y, width, height}, (image) => {
  //image is a NativeImage instance.  
  const buff = image.toPNG();
  //now you can save it to disk or do whatever
})