css - 如何使用自定义样式在 Reactjs 中使用 html2canvas 截取 DOM

Question

我有一个 Web 应用程序，我需要在其中截取具有某些样式的特定 DIV 元素的屏幕截图。但我需要这些样式也必须应用于屏幕截图。我怎样才能做到这一点？

下面是我的一段代码：

printDocument(divid) {
    const input = document.getElementById(divid);
    html2canvas(input).then(canvas => {
        const imgData = canvas.toDataURL("image/png");
        this.saveAs(imgData, "screenshot.png");
    });
}

我已经为网络目的应用了一些样式。我需要这些样式也必须应用于屏幕截图。提前致谢。

标签： cssreactjsscreenshothtml2canvas

Answer 1

尝试在这种情况下使用dom-to-image（https://github.com/tsayen/dom-to-image），它可以帮助您在图像中应用样式。