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

Question

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

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

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

Answer 1

Где-то на странице должен быть элемент canvas, который можно выбрать:

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

Answer 2

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