为什么没有定义html2canvas？

Question

如果我调用这个函数，总是会得到"html2canvas is not defined“。

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

但是为什么呢？我有一门课……就像在tutorial中写的那样。有谁有解决方案吗？

我想我需要在这里包含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中包含使用script标记的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. plugins\export\libs\blob
2. plugins\export\libs\classList
3. plugins\export\libs\blob\fabric.js
4. plugins\export\libs\blob\jszip
5. plugins\export\libs\blob\pdfmake
6. plugins\export\libs\blob\xlsx