HTML5 Canvas无法加载Kinetic.js

时间:2015-03-19 10:33:55

标签: javascript html kineticjs

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

此行位于我的index.html:

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

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

我已经在index.html目录的父文件夹中安装了KineticJS:

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
});

错误是这样的:

Uncaught在id为containerkinetic.js的文档中找不到容器:9252 Kinetic.Util.addMethods.setContainerkinetic.js:2803 Kinetic.Util.addMethods.setAttrskinetic.js:2312 Kinetic.Util.addMethods._initkinetic。 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;
        },

1 个答案:

答案 0 :(得分:1)

我忘记了我需要这一行:

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

在我的index.html

否则“容器”没有参考。