javascript - HTML5 Canvas 无法加载 Kinetic.js

Question

我正在尝试在我的 JavaScript 中使用 KineticJS。

这一行在我的 index.html 中:

<script src="http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v5.0.2.min.js"></script>

它返回无法加载资源:服务器响应状态为 403(禁止访问)

我通过执行以下操作将 KineticJS 安装在 index.html 目录的父文件夹中:

npm install kinetic

在 Git Bash 中。

更新

我手动将 kinetic 文件夹复制到我的 index.html 目录。现在我在我的 index.html 中做了这一行:

<script src="./kinetic/kinetic.js"></script>

但是，在 javascript 中执行以下代码时出现新错误:

var stage = new Kinetic.Stage({
container: 'container',
width: 578,
height: 200
});

错误是这样的:

未捕获 在 ID 为 containerkinetic.js:9252 Kinetic.Util.addMethods.setContainerkinetic.js:2803 Kinetic.Util.addMethods.setAttrskinetic.js:2312 Kinetic.Util.addMethods._initkinetic.js 的文档中找不到容器。 js:132 Kinetic.Nodekinetic.js:7305 Kinetic.Util.addMethods.__initkinetic.js:277 Kinetic.Containerkinetic.js:9229 Kinetic.Util.addMethods.___initkinetic.js:315 Kinetic.Stagemain.js:13(匿名函数)

更新 2

这是抛出错误的 kinect.js 代码部分:

setContainer: function(container) {
            if( typeof container === STRING) {
                var id = container;
                container = Kinetic.document.getElementById(container);
                if (!container) {
                    throw 'Can not find container in document with id ' + id;
                }
            }
            this._setAttr(CONTAINER, container);
            return this;
        },

Answer 1

我忘了我需要这一行:

<div id="container"></div>

在我的 index.html 中

否则“容器”没有引用。