为什么 html2canvas 没有定义？

Question

如果我调用这个函数，总是“未定义 html2canvas”。

makeScreenshot: function(button)
{
    debugger;
    html2canvas(document.body, {
        Uncaught ReferenceError: html2canvas is not defined
        onrendered: function(canvas) {
            document.body.appendChild(canvas);
        }
    });
},

但为什么？ 我有一类它......就像在关于它的教程中一样。 有没有人有办法解决吗？

我想我需要在这里包含 html2canvas，但我不知道如何。

Ext.define("TEST.controller.Desktop", {
    extend: "Ext.app.Controller",

    views: [
        "desktop.Desktop",
        //"desktop.TaskBar",
        "desktop.Toolbar",
        "desktop.DataprovidersDataView",
        "configuration.UploadFileWindow"
    ],

refs: [{
    ref: "viewport",
    selector: "viewport"
}, {

Answer 1

Ext 对未定义为类系统一部分的类一无所知，您需要在 html 中使用脚本标记包含 JS 文件。

Answer 2

如果是 Node.js 应用程序，请尝试在使用该函数的 JS 文件中使用以下代码导入：

import html2canvas from 'html2canvas';
// Or
const html2canvas = require('html2canvas');

对于 react、vuejs 或 Angular2+ 应用程序，您可以在 JS 或 TS 文件中使用以下内容：

import html2canvas from 'html2canvas';

Answer 3

您需要包含所需的库，就我而言：

1. 插件\\导出\\库\\blob
2. 插件\\导出\\库\\类列表
3. 插件\\导出\\库\\blob\\fabric.js
4. 插件\\导出\\库\\blob\\jszip
5. 插件\\导出\\库\\blob\\pdfmake
6. 插件\\导出\\库\\blob\\xlsx