Отображение изображения из Javascript на холст Processing.js

Question

Итак, я пытаюсь программно добавить изображение на холст из функции Javascript:

    // Spawn function
    var spawnWrapper = function() {
        myCanvas = Processing.getInstanceById('mycanvas');
        // myCanvas.ellipse(50,50,50,50); // works fine here too
        myImage = myCanvas.loadImage('pegman.png');
        myCanvas.image(myImage,0,0);
    };

Те же последовательные вызовы в консоли работают: Также, на консоли не упоминаются ошибки.

Я действительно застрял там и был бы признателен за любую помощь; -)

Answer 1

Я подозреваю, что у вас может отсутствовать директива preload .

Эта директива регулирует предварительную загрузку изображения, которая требуется при использовании loadImage () или requestImage () в эскизе,При использовании этой директивы будут предварительно загружены все изображения, указанные между кавычками и разделенными запятыми, если используется несколько изображений, так что они будут готовы к использованию, когда начнется выполнение эскиза.

Надеюсь, это поможет.Мне интересно, почему вы используете processing.js вместо P5.js ?

Удачи.