Мультитач-жесты в paperjs

Гибкое создание сложных фигур и управление ими с помощью событий мыши возможно в paperjs. Проект, над которым я работаю, хорошо выглядит на настольных компьютерах/ноутбуках. Тем не менее, я хочу, чтобы манипулирование формой работало с сенсорными событиями, такими как щипок и масштабирование. Возможен ли мультисенсорный интерфейс в paperjs или мне нужно добавить еще одну библиотеку для сенсорной поддержки.


person Kamal Reddy    schedule 15.03.2013    source источник


Ответы (1)


вы можете сделать прослушиватель событий для различных сенсорных событий:

ontouchstart ontouchmove ontouchend ongesturestart ongesturechange ongestureend

оттуда вы можете отслеживать сенсорные позиции от объекта события

var touch = event.touches[0];

touchX = touch.pageX;
touchY = touch.pageY;

вы можете легко перемещать объекты на основе этих точек.

Масштабирование и вращение на основе жестов немного сложнее, но также выполнимо с помощью событий жестов...

взгляните на ссылку ниже, это простой простой javascript, и это не так сложно, как вы думаете

http://techblog.floorplanner.com/post/20528546052/interactive-svg-on-the-ipad

person Adam Coulombe    schedule 15.03.2013
comment
это точно можно сделать. Я искал способ paperjs, если он вообще предлагает paperjs. - person Kamal Reddy; 15.03.2013
comment
API довольно ограничен для реального взаимодействия с API и больше ориентирован на реальное рисование и утилиты для работы с холстом. Существует объект-инструмент, в котором есть несколько вещей для обработки некоторых событий мыши, но ничего для касания ( конечно не мульти) на данный момент. Я думаю, вы могли бы расширить эти API, но это уже совсем другая задача. - person Adam Coulombe; 15.03.2013