错误：'CanvasElement'未定义

Question

我得到错误：尝试使用javascript处理端口运行以下代码时，'CanvasElement'未定义。

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>

然后您可以根据需要选择元素并将其（或其ID）传递给Processing函数：

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的代码之前执行。