Question

我已经使用JavaScript 从HTML DOM生成图像/画布>像“ html2Canvas ”，“ dom-to-image “，” webshot “等。

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

任何人都可以从HTML DOM获得生成/捕获图像的解决方案，这些解决方案具有Chrome / Safar / Firefox / Internet Explorer等多浏览器解决方案。

由于阿布舍克巴克

Answer 1

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

它是html =＆gt;的JS工具PDF格式。它使用的是html2canvas。输出是PDF但具有完美的图像质量。

Html =＆gt; Canvas =＆gt; 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）。

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

使用react js从html dom生成图像或画布

1 个答案: