Было несколько проблем, которые я обнаружил:
- Глядя на код, я предполагаю, что вы хотели использовать jQuery.Вам нужно выбрать это слева, к сожалению, для jsFiddle Mootools по умолчанию
- Ваше событие onload было названо
Load - нужно, чтобы оно было в нижнем регистре.Кроме того, событие было вызвано для элемента - в jQuery вам просто нужно использовать $(function() { ... }), и эта функция будет вызываться после загрузки страницы, это ярлык - Чтобы связать обработчик события для щелчка, выделать
$(el).click, а не $(el).onClick.Это одинаково для всех обработчиков событий в целом (вы не добавляете "on" раньше) - Чтобы получить элемент, вы используете
document.getElementById, а не просто getElementById.Это функция объекта document, а не глобальная функция - Объекты jQuery отличаются от "обычных" объектов DOM.Когда вы делаете
document.getElementById, вы получаете объект DOM.Вы не можете вызывать функции jQuery для этого - вы должны обернуть его в объект jQuery раньше.Чтобы сделать это, вы просто делаете $(canvas), где canvas - это переменная, содержащая сам элемент DOM
Вот обновленный jsFiddle, у которого в основном работает canvas:
Вы должны были бы взглянуть на свои функции (в artisan «пространстве имен»), но у вас есть базовый строительный блок на jsFiddle.Возможно, вы захотите уменьшить количество примеров jsFiddle в будущем, то есть не вставляйте весь HTML, только соответствующие части.Посмотрите на левую часть экрана jsFiddle - например, чтобы добавить скрипт, не помещайте его в поле HTML, а используйте «Добавить ресурс» слева и поместите туда URL-адрес файла .js.
Надеюсь, это поможет.