* @name Load and Display Image

 * @description Images can be loaded and displayed to the screen at their

 * actual size or any other size.

 * <p><em><span class="small"> To run this example locally, you will need an 

 * image file, and a running <a href="https://github.com/processing/p5.js/wiki/Local-server">

 * local server</a>.</span></em></p>

​

 */

var img;  // Declare variable 'img'.

​

function setup() {

  createCanvas(720, 400);

  img = loadImage("https://1.bp.blogspot.com/-QuOwYZ76umM/XB_jGZ0VLWI/AAAAAAAACXA/loLfxNWu77YGUVqYLcN4YqsmQ6-tg-enwCLcBGAs/s1600/bed%2Bdiagram%2B1.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);

}

​