Как применить пользовательские стили для создания скриншота DOM в Reactjs с помощью html2canvas

Question

У меня есть веб-приложение, в котором мне нужно сделать скриншот определенного элемента DIV с некоторыми стилями.Но мне нужно, чтобы эти стили применялись и на скриншоте.Как мне этого добиться?

Ниже приведен мой код:

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

Я применил некоторые стили для веб-целей.Мне нужно, чтобы эти стили также применялись для скриншота.Заранее спасибо.

Answer 1

Попробуйте использовать dom-to-image (https://github.com/tsayen/dom-to-image) в этом контексте, это поможет вам применить стили в изображении.