2015-03-19 86 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中

否則「容器」沒有參考。