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

Этот код не выдает никакой ошибки, но в то же время ничего не появляется. Идеи? * * 1006

Answer 1

Вы не видите холст, потому что вызов для его отображения должен быть вне вашего метода sketchPad.

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