title: Skew transformation HTML5 canvas
body: <p>I'm trying to implement skew transformation using the "x" axis with HTML5 canvas, but my code fails... Here is my JavaScript:</p>
  
  <pre><code>function init() {
      var canvas = document.getElementById('skewTest'),
          context = canvas.getContext('2d'),
          angle = Math.PI / 4;
      img = document.createElement('img');
      img.src = 'img.gif';
      img.onload = function () {
          context.setTransform(1, Math.tan(angle), 1, 1, 0, 0);
          context.clearRect(0, 0, 200, 200);
          context.drawImage(img, 0, 0, 100, 100);
      }
  }
  </code></pre>
  
  <p>I'll be very glad if I see working example in JsFiddle.</p>
  
  <p>Thank you in advance!</p>