Вот написал такое баловство на своем планшете, вроде работает относительно без тормозов.
<canvas id='touch' width='500' height='500'></canvas>
<div id='info'></div>
<script>
var canvas = document.getElementById('touch'),
ctx = canvas.getContext('2d'),
touches = [];
ctx.lineWidth = 3;
canvas.addEventListener('touchmove', function (event) {
ctx.clearRect(0, 0, canvas.width, canvas.height)
event.preventDefault();
touches = event.touches;
len = touches.length;
for (i = 0; i < len; i++) {
var touch = touches[i]
if (len == 2) {
ctx.beginPath();
ctx.moveTo(touches[0].pageX, touches[0].pageY)
ctx.lineTo(touches[1].pageX, touches[1].pageY)
ctx.stroke();
}
if (len == 4) {
ctx.beginPath();
ctx.moveTo(touches[0].pageX, touches[0].pageY)
ctx.lineTo(touches[1].pageX, touches[1].pageY)
ctx.lineTo(touches[2].pageX, touches[2].pageY)
ctx.lineTo(touches[3].pageX, touches[3].pageY)
ctx.lineTo(touches[0].pageX, touches[0].pageY)
ctx.stroke();
}
//document.getElementById('info').innerHTML += 'x: ' + touch.pageX + '; y: '+ touch.pageY + '<br>'
}
})
</script>
Принцип: ставите один палец на экран, потом начинаете двигать второй (появляется линия) После ставите 4 пальца получается четырехугольник, и трансформируете его как хотите..
P.S. в opera mobile подтормаживает немного, так что если есть возможность смотрите через хром
P.S. У меня андроид
Пример:
https://picasaweb.google.com/lh/phot...t=d irectlink