An image's width and height do not affect its backingstore

README.md

An image's width and height do not affect its backingstore

view on jsgist

index.css

pre { margin: 0; }
canvas { background: #ddd; border: 1px solid black; }

index.html

<canvas></canvas>

index.js

async function main() {
  const img = new Image();
  document.body.appendChild(img);

  img.src = 'https://greggman.github.io/placeholders/images/200x100.jpg'
  await img.decode();

  img.width = 22;
  img.height = 11;

  ctx = document.querySelector('canvas').getContext('2d');
  ctx.drawImage(img, 0, 0);
};

main();

jsGist.json

{"name":"An image's width and height do not affect its backingstore","settings":{},"filenames":["index.html","index.css","index.js"]}