paperjs中的多点触控手势



在paperjs中可以灵活地使用鼠标事件创建和操作复杂的形状。我正在做的项目在台式机/笔记本电脑上看起来不错。然而,我想让形状操作工作与触摸事件,如捏和缩放。是多触控界面可能在paperjs或我必须添加触摸支持的另一个库。

你可以为各种触摸事件创建一个事件监听器:

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

最新更新