2013-03-15 32 views
2

在paperjs中可以使用鼠标事件灵活地创建和操作复杂的图形。我正在从事的项目在台式机/笔记本电脑上看起来不错。但是,我想要通过捏和缩放等触摸事件来处理形状操作。在paperjs中可以使用多点触控界面,还是必须添加另一个触控支持库。paperjs中的多点触控手势

回答

2

你可以为各种触摸事件的事件监听器:

ontouchstartontouchmoveontouchendongesturestartongesturechangeongestureend

从那里你可以跟踪从事件对象

var touch = event.touches[0];

touchX = touch.pageX; 
touchY = touch.pageY; 
触摸志愿服务岗位

您可以根据这些要点轻松地重新定位对象。

缩放和转动的基础上的手势是一个稍微复杂一些,但也可行使用手势事件......

看看下面的链接,这是简单的纯JavaScript和它并不像复杂你可能会认为

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

+0

可以肯定地完成。如果所有paperjs提供一些,我一直在寻找paperjs的方式。 – 2013-03-15 14:44:10

+0

api对于实际的交互api是相当有限的,并且更适合于实际的绘图和用于使用画布的工具。有[工具对象](http://paper.s.samples/reference/tool),有几件事情可以处理一些鼠标事件,但是现在没有什么可用于触摸,(当然不是多)。我想你可以扩展这些API,但这本身就是一个完整的任务 – 2013-03-15 15:00:40