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

产地

基于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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Websocket适用于EC2 URL,但不适用于ElasticBeanstalk URL

JSFiddle示例可在Web上使用,但不适用于我的PC

适用于Python 2但不适用于Python 3的Python子进程PIPE

文件上传适用于邮递员,但不适用于angular2

pxd相对cimport适用于language_level 2,但不适用于3

Javascript适用于HTML文件,但不适用于Javascript文件

jQuery滚动不适用于我的网站

代码仅适用于jsfiddle

可在jsfiddle中使用,但不适用于html页面

HTML Mailto:适用于Gmail,但不适用于Yahoo

PHP exec适用于apache2但不适用于nginx

html2canvas边框半径不适用于img标签

为什么我的CSS样式表不适用于我的HTML文档?

$(this)选择器可在jsfiddle中使用,但不适用于我的脚本

Gzip适用于html,但不适用于javascript或css(Apache)

HTML呈现问题-适用于Mozilla Firefox,但不适用于Google Chrome

python regex适用于regex101但不适用于python2

制作了一个适用于 JSFiddle 但不适用于 Github Pages 的 etch-a-sketch

AngularJS:templateUrl 适用于 HTML 模板文件,但不适用于 .JSP

wcf https 适用于我的本地电脑,但不适用于 android

Html2canvas 不适用于 angular.js 中的 Google 折线图

CSS 适用于 HTML 但不适用于 Razor 语法

style.css 不适用于我的网站的 webhoster 预览,但它适用于本地“离线”HTML 文件

我的替换函数适用于数组,但不适用于也是数组的 HTML 集合。为什么?

getElementById 和 addEventListener 不适用于我的 HTML

CSS 溢出-y:scroll; 适用于 chrome 但不适用于 html 标签的边缘

pd.read_html 适用于 Microsoft Edge 但不适用于 Chrome

“纹理”示例适用于 PySide2 但不适用于 PySide6

为什么 CSS 规则不适用于真正的 HTML 页面,但适用于 JSFiddle?