我正在写一个Framer.js函数来模拟' splash'按照Google Material Design点击按钮或图层时效果。
它看起来像这样
tapSplash = (tapX,tapY) ->
tapSplashLayer = new layer
backgroundColor: "#ffffff"
opacity: 0.2
width: 500, height: 1500
borderRadius: 1500
midX: tapX
midY: tapY
在此之后,我有一些代码来运行动画。
我的问题是,如何获取tapX和tapY坐标?使用已点击/点击的图层的中点是不够的 - 我希望动画源自用户点击的确切点
答案 0 :(得分:2)
查看您自己对问题的回答。 从那时起我就分叉并进行了更改,以便分别识别计算机上的水龙头或移动设备上的水龙头。 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