javascript - エラー：「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 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。