使用React JS从HTML DOM生成图像或画布

Question

我仔细研究了 使用JavaScript库（例如“ html2Canvas ”，“ dom-to-image ”，“ webshot ”等） 从HTML DOM生成图像/画布的解决方案。

但是这些都不是可以通过跨浏览器生成高质量图像的。

任何人都可以使用具有多浏览器解决方案（例如Chrome / Safar / Firefox / Internet Explorer）的HTML DOM生成/捕获图像的解决方案吗？

感谢Abhishek

Answer 1

尝试检查一下： https : //github.com/MrRio/jsPDF/tree/master/examples/html2pdf

这是html => pdf的JS工具。 它使用的是html2canvas。 输出为PDF，但具有完美的图像质量。

HTML =>画布=> pdf。

如果您获得lib源： https : //github.com/MrRio/jsPDF/blob/master/libs/html2pdf.js

您可以轻松覆盖：

var promise = html2canvas(doc.body, {
    canvas : canvas,
    onrendered : function(canvas) {
        if (callback) {
            if (iframe) {
                iframe.parentElement.removeChild(iframe);
            }
            callback(pdf);
        }
    }
});

并尝试仅获取画布。 （在参数中，或在回调函数中，为idk）。

无论如何，这并不容易，但这是我能为您做的一切。