2015-03-19 85 views
2

我想在我的JavaScript中使用KineticJS。HTML5 Canvas无法加载Kinetic.js

这条线路是在我的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 

in Git Bash。

UPDATE

我手动复制动能文件夹到我的index.html的目录。 现在我做这一行,我的index.html:

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

然而,我在JavaScript执行以下代码时,得到一个新的错误:

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

的错误是这样的:

未捕获在文档中找不到容器containerkinetic.js:9252 Kinetic.Util.addMethods.setContainerkinetic.js:2803 Kinetic.Util.addMethods.setAttrskinetic.js:2312 Kinetic.Util.addMethods._initkinetic.js:132 Kinetic.Nodekinetic.js:730 5个Kinetic.Util.addMethods .__ initkinetic.js:277个Kinetic.Containerkinetic.js:9229个Kinetic.Util.addMethods .___ initkinetic.js:315个Kinetic.Stagemain.js:13(匿名功能)

UPDATE 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

我忘了,我需要这条线:

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

在我的index.html中

否则“容器”没有参考。