Ошибка: CanvasElement не определен

Я получаю сообщение об ошибке: «CanvasElement» не определено при попытке запустить следующий код с использованием порта обработки javascript.

var p = Processing(CanvasElement);
    p.size(100, 100);
    p.background(0);
    p.fill(255);
    p.ellipse(50, 50, 50, 50);

Любая помощь с этим будет оценена.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
740
2

Ответы 2

Где определяется CanvasElement? Похоже, что опубликованный вами код выполняется перед кодом, определяющим CanvasElement.

На основе google CanvasElement является частью стандарта html 5, так как мне передать это в функцию? Функция processing () включена в файл javascript, ранее в этом файле не было ubt CanvasElement.

Jared 20.01.2009 17:13

Хороший вопрос! Ответ Мэтью - это то, что вы ищете.

Andrew Hare 20.01.2009 18:07

Вам необходимо иметь элемент холста где-нибудь на странице, который вы можете выбрать:

<canvas id = "theCanvas" width = "500" height = "500"></canvas>

Затем вы можете выбрать элемент, как хотите, и передать его (или его идентификатор) в функцию обработки:

var p = Processing(document.getElementById("theCanvas")); // or Processing("theCanvas")
p.size(100, 100);
p.background(0);
p.fill(255);
p.ellipse(50, 50, 50, 50);

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