HTML 5 Canvas Touch Events Rotate Scale

[dj12345]

Hi,
I am creating an Image creator using canvas HTML5. In which I am drawing images inside the canvas. You can check the following example for demo.

http://radikalfx.com/files/collage/demo.html

What I want is that it should support the Touch Events of IPAD. For this I know I must use events like

canvas.addEventListener('touchstart', drawOnIpadStart, false);
canvas.addEventListener('touchmove', drawOnIpadMove, false);
canvas.addEventListener('touchend', drawOnIpadEnd, false);

Does anyone know how can I rotate and scale images inside the Canvas using the Touch Events(Multi Touch events) like this

http://www.sitepen.com/blog/2008/07/10/touching-and-gesturing-on-the-iphone/

if you see above link example on Iphone, using 2 fingers you can rotates the div.

What I wanted to rotate the Image inside the Canvas.


Any help, example appreciated.

Thanks