title: What's the difference between using <img> and <canvas> for drawing images?
body: <p>I'm following the canvas tutorial on w3schools and I've just discovered that there is a canvas function for drawing images.</p>
  
  <p>This is the example that I was looking at:</p>
  
  <pre><code>window.onload = function() {
      var canvas = document.getElementById("myCanvas");
      var ctx = canvas.getContext("2d");
      var img = document.getElementById("scream");
      ctx.drawImage(img, 10, 10);
  };  
  </code></pre>
  
  <p>Well ... sience I've always used the <code>&lt;img&gt;</code> tag for showing an image in my page I asked myself what was the difference between this two ways of showing images.</p>
  
  <p>Any idea ?</p>