Framer.js: 如何获取点击坐标

Question

我正在编写一个 Framer.js 函数来模拟点击按钮或图层时的 'splash' 效果，按照 Google Material 设计。

看起来像这样

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

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

我的问题是，如何获取 tapX 和 tapY 坐标？使用已 clicked/tapped 的层的中点不够好 - 我希望动画起源于用户点击的确切点

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

Framer.js: 如何获取点击坐标

Framer.js: how to get tap coordinates

coffeescript

framerjs