将图像从 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 directive。

该指令规范图像预加载，当 在草图中使用 loadImage() 或 requestImage()。使用该指令 将预加载引号之间指示的所有图像，并以逗号分隔 如果使用了多个图像，以便它们可以随时使用 草图开始运行。

我希望这会有所帮助。我很好奇你为什么使用 processing.js 而不是P5.js？

祝你好运。