javascript - 错误: 'CanvasElement' is undefined

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)传递给处理函数:

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