title: HTML5, canvas, and strokeRect: some lines too narrow and blurry
body: <p>A stupid simple canvas usage:</p>
  
  <pre><code>var canvas = document.getElementById("canvas");
  var ctx = canvas.getContext("2d");
  
  ctx.strokeStyle = "#CCCC00";
  ctx.lineWidth = 3;
  ctx.strokeRect(0, 0, width, height);
  </code></pre>
  
  <p>Yields a rectangle with narrower lines along top and left: </p>
  
  <p><img src="https://i.stack.imgur.com/Lb3XO.png" alt="enter image description here"></p>
  
  <p>Why does this happen? Do I need to offset with padding? It's annoying.</p>