html2canvas 适用于 jsfiddle 但不适用于我的网站

Question

基于https://jsfiddle.net/Sq7hg/3120/
它是纯 JS - 没有任何库 - 但它适用于 jsfiddle
在我的网站上 - 也在这里 - 它不起作用
我遇到错误 - html2canvas is not defined
请帮忙

html2canvas([document.getElementById('mydiv')], {
    onrendered: function (canvas) {
        document.getElementById('canvas').appendChild(canvas);
        var data = canvas.toDataURL('image/png');
        var image = new Image();
        image.src = data;
        document.getElementById('image').appendChild(image);
    }
});

#mydiv {
    background-color: lightblue;
    width: 100px;
    height: 100px
}

<div id="mydiv"><p>text!</p></div>
<br><br>
 <div id="canvas"><p>Canvas:</p></div>
 <div id="image"><p>Image:</p></div>

Answer 1

您似乎没有在任何地方导入 html2canvas。你可以有一个 look at the docs 并跟随。

您需要在您的 js 中添加导入。

import html2canvas from 'html2canvas';

如文档所述，如果您在项目中通过 npm 安装它。

html2canvas 适用于 jsfiddle 但不适用于我的网站

html2canvas works on jsfiddle but doesn't work on my site

javascript

jquery

html2canvas