Load and Display Image
Images can be loaded and displayed to the screen at their actual size or any other size.
To run this example locally, you will need an image file, and a running local server.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
let img; // Declare variable 'img'.
function setup() {
createCanvas(720, 400);
img = loadImage('assets/moonwalk.jpg'); // Load the image
}
function draw() {
// Displays the image at its actual size at point (0,0)
image(img, 0, 0);
// Displays the image at point (0, height/2) at half size
image(img, 0, height / 2, img.width / 2, img.height / 2);
}
