javascript - 错误：“CanvasElement”未定义

Question

尝试使用处理的 javascript 端口运行以下代码时出现错误：“CanvasElement”未定义。

var p = 处理（CanvasElement）；
    p.size(100, 100);
    p.背景（0）；
    p.fill(255);
    p.ellipse(50, 50, 50, 50);

对此的任何帮助将不胜感激。

Answer 1

您需要在页面上的某处有一个可以选择的画布元素：

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

然后，您可以随意选择元素并将其（或其 ID）传递给处理函数：

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.