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

캔버스가 보이지 않는 이유는 캔버스를 표시하는 데 sketchPad 메서드 밖에 있어야하기 때문입니다.

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