ElectronのPNGに要素/タグをエクスポート

Question

Electronのタグ/要素をPNGファイルにエクスポートすることはできますか？どうやって？

私の特定のケースでは、私はwebviewをしようとしているので、それには何かがあるかもしれないので、単純なケースではありません。

Answer 1

webContentsの部分をcapturePage APIでキャプチャすることができます。だから孤立DOM要素を取り込むために、あなたはあなたがこれを行うことができ、それの寸法を取得し、その後capturePageにそれを渡した後、NativeImage API

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 
}) 

を使用してPNGとして保存する必要があると思いWebViewのです同じように。プリロードスクリプトでそれを実行し、IPCを使用して外部親レンダラプロセスと通信します。