canvas transform

by ian_smithz

HTML

<canvas width="500" height="500" id="skewTest" />

JavaScript

var context = $("canvas")[0].getContext('2d');
var angle = -0.2;
var img = new Image();
img.src = 'http://placehold.it/350x100';
img.onload = function () {
    context.setTransform(1, 0, angle, 1, 0, 0);
    context.drawImage(img, 100, 0, 350, 100);
}