javascript - 将图像从 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);
    };

控制台中相同的连续调用有效： 此外，控制台上没有提到任何错误。

我真的被困在那里，不胜感激；-)

标签： javascriptprocessingprocessing.js

Answer 1

我怀疑您可能缺少preload 指令。

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

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

祝你好运。