title: canvas draw rounded rectangle in reverse?
body: <p>I apologise in advance for asking this, I was kindly provided with some code to draw a rounded corner rectangle progress bar which was great:</p>
  
  <p><a href="http://jsfiddle.net/P2qTq/" rel="nofollow">http://jsfiddle.net/P2qTq/</a></p>
  
  <p>I need to reverse the drawing of the rectangle but I can't for the life of me manage it</p>
  
  <p><a href="http://jsfiddle.net/P2qTq/7/" rel="nofollow">http://jsfiddle.net/P2qTq/7/</a></p>
  
  <p>I tried changing the points at which the 4 lines and 4 corners are drawn so it starts with the top left corner but I'm making a total mess of it:</p>
  
  <pre><code>    var startT = 0;
      var startTR = horizLineLength;
      var startR = startTR + cornerLength;
      var startBR = startR + vertLineLength;
      var startB = startBR + cornerLength;
      var startBL = startB + horizLineLength;
      var startL = startBL + cornerLength;
      var startTL = startL + vertLineLength;
  </code></pre>
  
  <p>to</p>
  
  <pre><code>var startTL = 0;
  var startL = startTL + cornerLength;
  var startBL = startL + vertLineLength;
  var startB = startBL + cornerLength;
  var startBR = startB + horizLineLength;
  var startR = startBR + cornerLength;
  var startTR = startR + vertLineLength;
  var startT = startTR = cornerLength;
  </code></pre>
  
  <p>Can anyone point me in the right direction please?</p>