Framer.js:如何获取tap坐标

Question

我正在编写一个Framer.js函数来模拟按下按钮或图层时的“飞溅”效果，如所示。

看上去像这样

tapSplash = (tapX,tapY) ->
   tapSplashLayer = new layer
       backgroundColor: "#ffffff"
       opacity: 0.2
       width: 500, height: 1500
       borderRadius: 1500
       midX: tapX
       midY: tapY

在此之后，我有一些代码来运行动画。

我的问题是，如何获得tapX和tapY坐标？使用被点击/点击的图层的中点是不够的--我希望动画来源于用户点击的确切点。

Answer 1

看看你自己对这个问题的答案。从那以后，我对它进行了分叉，并做了一些修改，以便将计算机上的点击或移动设备上的点击分别识别出来。https://github.com/carignanboy1/Material-Design-Interactions/tree/improved-touch

touchEvent = Events.touchEvent(event)

if Utils.isPhone() || Utils.isTablet()
        tX = touchEvent.clientX - layer.x
        tY = touchEvent.clientY - layer.y
    else
        tX = touchEvent.offsetX
        tY = touchEvent.offsetY