When creating an image with createGraphics(), the image is corrupted if the size is specified as a decimal

Most appropriate sub-area of p5.js?

• Accessibility (Web Accessibility)
• Build tools and processes
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Friendly error system
• Image
• IO (Input/Output)
• Localization
• Math
• Unit Testing
• Typography
• Utilities
• WebGL
• Other (specify if possible)

p5.js version

1.4.0

Web browser and version

102.0.5005.115 (Official Build) （x86_64）

Operating System

MacOSX 10.15.7

Steps to reproduce this

When creating an image with createGraphics(), the image is corrupted if the size is specified as a decimal.

Snippet:

Using the code in loadPixels() as a reference, I wrote code to repeat the image created in createGraphics(), up and down.

Normal case

let img;

function setup() {
  createCanvas(200, 200);

  img = createGraphics(width, height);
  img.background(252, 186, 3);
  img.textAlign(CENTER, CENTER);
  img.textSize(180);
  img.text("🦄", width / 2, height / 2);

  let d = img.pixelDensity();
  let halfImage = 4 * (img.width * d) * ((img.height * d) / 2);
  img.loadPixels();
  for (let i = 0; i < halfImage; i++) {
    img.pixels[i + halfImage] = img.pixels[i];
  }
  img.updatePixels();

  image(img, 0, 0);
}

Buggy case

If the size of createGraphics() is a decimal, the color and position of the image is bugged.

let img;

function setup() {
  createCanvas(200.5, 200.5);

  img = createGraphics(width, height);
  img.background(252, 186, 3);
  img.textAlign(CENTER, CENTER);
  img.textSize(180);
  img.text("🦄", width / 2, height / 2);

  let d = img.pixelDensity();
  let halfImage = 4 * (img.width * d) * ((img.height * d) / 2);
  img.loadPixels();
  for (let i = 0; i < halfImage; i++) {
    img.pixels[i + halfImage] = img.pixels[i];
  }
  img.updatePixels();

  image(img, 0, 0);
}

let img;

function setup() {
  createCanvas(200.9, 200.0);

  img = createGraphics(width, height);
  img.background(252, 186, 3);
  img.textAlign(CENTER, CENTER);
  img.textSize(180);
  img.text("🦄", width / 2, height / 2);

  let d = img.pixelDensity();
  let halfImage = 4 * (img.width * d) * ((img.height * d) / 2);
  img.loadPixels();
  for (let i = 0; i < halfImage; i++) {
    img.pixels[i + halfImage] = img.pixels[i];
  }
  img.updatePixels();

  image(img, 0, 0);
}