Bild perspektivisch verzerren mit Canvas

Hi, ich bin am rätseln, wie ich ein einfaches Bild perspektivisch verzerre.

Mein aktueller Code dafür sieht wie folgt aus:

 \<!--//
 window.onload = function() {
 var canvas = document.getElementById("canvas");
 var ctx = canvas.getContext("2d");

 var img = new Image();
 var sin = Math.sin(Math.PI/6); 
 var cos = Math.cos(Math.PI/6); 
 img.onload = function(){
 ctx.transform(0.6, 0.3, 0, 1, 0, 0);
 ctx.drawImage(img, 0, 0);
 };
 img.src = "http://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Market\_Street\_San\_Francisco.jpg/800px-Market\_Street\_San\_Francisco.jpg";
 //ctx.
 }
 //--\>

Man kann hier ziemlich genau sehn, dass ich nur nach unten verzerre. Möchte aber auch gerne, dass der untere Teil ein Stück nach oben verzerrt wird

Danke schonmal :smile: