Показать сообщение отдельно
  #1 (permalink)  
Старый 13.10.2012, 18:02
Аватар для 9xakep
сегодня в 12:34|Комментир
Отправить личное сообщение для 9xakep Посмотреть профиль Найти все сообщения от 9xakep
 
Регистрация: 12.04.2011
Сообщений: 1,180

Мультитач ONLY!
Вот написал такое баловство на своем планшете, вроде работает относительно без тормозов.
<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
__________________
оляля, ололо

Последний раз редактировалось 9xakep, 13.10.2012 в 18:17.
Ответить с цитированием