TypeError：在p5.js中使用image（）时，无法读取未定义的属性“width”

Question

So I'm trying to show an image that I have loaded with loadImage() , but when i get to using the image() function I get

TypeError: Cannot read property 'width' of undefined

Here is the code:

let img

function preLoad() {
  font = loadFont('../addons/Fonts/monof55')
  img = loadImage('./yes.jpg')
}

function setup() {
  createCanvas(1200, 600)
  background('darkblue')

  fill('#EEEEEE')
  stroke(25)
  strokeWeight(2)
  rect(0, height - height / 20, width, height / 20)
}

function draw() {
  image(img, 0, 0)
}

Answer 1

Your image isn't loaded, because the function preLoad() is not executed. It has to be preload() instead. JS is case-sensitive.