画布：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);

Canvas清除所有绘制的图像。 我是用帆布开发的新手。但我不知道。