基于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>
似乎您没有在任何地方导入 html2canvas 。您可以查看文档并继续操作。
您将需要在您的 js 中添加一个导入。
import html2canvas from 'html2canvas';
正如文档所述,这是如果您在项目中通过 npm 安装它。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句