如何在瀏覽器中使用“https://github.com/ovvn/dom-to-pdf”

Question

我喜歡在項目中使用https://github.com/ovvn/dom-to-pdf 。

到目前為止，我使用https://github.com/tsayen/dom-to-image （ https://github.com/tsayen/dom-to-image在Z5E056C500A1C4B6A7110B中是必需的。 -to-pdf )

像這樣

window.print = function () {
    return domtoimage.toPng(document.body)
        .then(function (dataUrl) {
            var link = document.createElement('a');
            link.download = map.printControl.options.documentTitle || "exportedMap" + '.png';
            link.href = dataUrl;
            link.click();
        });
};

https://github.com/ovvn/dom-to-pdf不提供可以集成到我的 HTML 文檔中的 JavaScript 文件。 這就是為什么我自己使用https://github.com/browserify/browserify創建一個 JavaScript 文件的原因。

1. 我安裝了browserify global
2. 我克隆了https://github.com/ovvn/dom-to-pdf
3. 我運行browserify index.js -o bundle.js

現在我有了 JavaScript 文件，並在我的 HTML 文件中使用它：

<script src="./bundle.js"></script>

它已正確加載。 但我不知道如何在我的項目中使用它。

我試過了：

window.print = function () {
    return domtoimage.toPng(document.body)
        .then(function (dataUrl) {
            var link = document.createElement('a');
            link.download = map.printControl.options.documentTitle || "exportedMap" + '.png';
            link.href = dataUrl;
            link.click();
        });
}

和

var element = document.getElementById('test');
var options = {
    filename: 'test.pdf'
};
domToPdf(element, options, function () {
    console.log('done');
});

在第一種情況下（domtopdf 中需要 domtoimage）我收到錯誤ReferenceError: domtoimage is not defined而在第二種情況下ReferenceError: domToPdf is not defined

如何在瀏覽器中使用https://github.com/ovvn/dom-to-pdf ？

Answer 1

您是否使用 npm 安裝這些軟件包？ 我可以看看你的進口和/或要求聲明......