By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,501 Members | 1,261 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,501 IT Pros & Developers. It's quick & easy.

HTML 5 Canvas Touch Events Rotate Scale

dj12345
P: 14
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

Expand|Select|Wrap|Line Numbers
  1. canvas.addEventListener('touchstart', drawOnIpadStart, false);
  2. canvas.addEventListener('touchmove', drawOnIpadMove, false);
  3. canvas.addEventListener('touchend', drawOnIpadEnd, false);
  4.  
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/...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
Dec 21 '11 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.