HTML5 Canvas не может загрузить Kinetic.js

Я пытаюсь использовать KineticJS в моем JavaScript.

Эта строка находится в моем 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

в Гит Баш.

ОБНОВИТЬ

Я скопировал кинетическую папку вручную в каталог 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:132inin.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 ответ

Я забыл, что мне нужна эта строка:

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

в моем index.html

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

Другие вопросы по тегам