2015-03-19 4 views
2

Я пытаюсь использовать KineticJS в своем JavaScript.HTML5 Canvas Не удается загрузить Kinetic.js

Эта линия в моей index.html:

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

возвращает Не удалось загрузить ресурс: сервер ответил со статусом 403 (Forbidden)

Я установил KineticJS в родительскую папку в каталоге index.html:

npm install kinetic 

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

ошибка заключается в следующем:

Uncaught Не удается найти контейнер в документе с идентификатором 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> 

in my index.html

В противном случае «контейнер» не имел ссылки.

Смежные вопросы