Canvas: clearRect () не очищает drawImage ()

Question

Я пытаюсь очистить свой холст, чтобы нарисовать изображение в другой позиции: https://jsfiddle.net/wLjo8rLn/1/

var canvas = document.createElement('canvas');
var ctx = canvas.getContext("2d");

function image(_img, _x, _y, _w, _h) {
  var img = new Image(); // Create new img element

  img.onload = function() {
    ctx.drawImage(img, _x, _y, _w, _h);
  }
  img.src = _img; // Set source path
  ctx.clearRect(0, 0, 32, 32);

}

var body = document.getElementsByTagName("body")[0];
body.appendChild(canvas);
image("http://via.placeholder.com/32x32", 0, 0, 32, 32);

Холст очищается, кроме всех нарисованных изображений. Я новичок в разработке с холстом. Но я понятия не имею.