javascript + HTML5スケッチパッド

Question

Processing.jsを使用してスケッチパッドを作成しようとしています。私のコードではエラーは発生していませんが、キャンバスを表示することさえできません。私は何が間違っているのか分かりません。助けてください。

は、ここに私のコードです：

function sketchPad(processing) { 
    processing.size(300,300); 
    processing.strokeWeight(10); 
    processing.frameRate(30); 
    processing.background(100); 
    processing.stroke(300); 
    processing.smooth(); 
    var x = processing.mouseX; 
    var prevX = 0; 
    var y = processing.mouseY; 
    var prevY = 0; 

    function drawLine() { 
     processing.line(prevX,x,prevY,y); 

     prevX = processing.mouseX; 
     prevY = processing.mouseY; 
    } 

    processing.draw = function() { 
     if (processing.mousePressed == true && processing.mouseX > 0) { 
      drawLine(); 
     } 
    } 

    var canvas = document.getElementById('canvas1'); 

    var processingInstance = new Processing(canvas, sketchPad); 
} 

は、このコードは、エラーを生成しませんが、同時に何も現れません。アイデア？

Answer 1

キャンバスが表示されていないのは、表示する呼び出しがあなたのスケッチパッドメソッドの外にある必要があるからです。

function sketchPad(processing) { 
    // Your code goes here... 
} 
var canvas = document.getElementById('canvas1'); 
var processingInstance = new Processing(canvas, sketchPad);