title: Drawing a 1px thick line in canvas creates a 2px thick line
body: <p>In this jsfiddle there's a line with a lineWidth of 1.</p>
  
  <p><a href="http://jsfiddle.net/mailrox/9bMPD/350/" rel="noreferrer">http://jsfiddle.net/mailrox/9bMPD/350/</a></p>
  
  <p>e.g: </p>
  
  <pre><code>ctx.lineWidth = 1;
  </code></pre>
  
  <p>However the line is 2px thick when it's drawn on the canvas, how do you create a 1px thick line.</p>
  
  <p>I could draw a rectangle (with 1px height) however I want the line to also work on diagonals. So how do you get this line to be 1px high?</p>
  
  <p>Thanks!</p>