我正在尝试上传一个图像到我的p5文件之一。
我试过P5参考文献中描述的方法，但那不起作用。
然后，我尝试在一个单独的函数中编写图像，并在draw()中运行该函数，但这也不起作用。
我还尝试将JS文件嵌入到HTML文件中，以便在浏览器中显示它，但同样，这不起作用。
我试图通过使用console.log来定位问题，显然，您无法进入preload函数。
我还检查了图像的名称是否正确，并且它与JS文件位于同一文件夹中。
这是我尝试使用的代码片段：
let img;
function preload() {
img = loadImage("hamster.jpg");
}
function draw() {
image(img, 0, 0, 300, 300);
}
4条答案
按热度按时间bvuwiixz1#
你的代码对我很有效。
看看我用你的代码创建的这个p5项目--也许你的项目结构有问题：https://editor.p5js.org/LukeGarrigan/sketches/WS_5sauc2
px9o7tmv2#
对于像我一样笨的人来说，：p我的图像加载得很好，有实时服务器，但是它比画布大，它的透明部分，是画布上唯一的部分，这就是为什么我看不到它。
kxe2p93d3#
所以你需要做的是启动一个本地服务器，你可能只是点击html文件。要启动一个本地服务器，请使用https://github.com/processing/p5.js/wiki/Local-server指南
dl5txlt94#