Framer.js: как получить координаты тапа

Я пишу функцию Framer.js для имитации эффекта «заставки» при нажатии кнопки или слоя в соответствии с 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? Недостаточно использовать среднюю точку слоя, который был нажат/нажат - я хочу, чтобы анимация исходила из точной точки, на которую нажал пользователь.


coffeescript framerjs
person vedran    schedule 31.05.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Проверьте свой собственный ответ на вопрос. С тех пор я разветвил его и внес изменения, чтобы касания на компьютере или касания на мобильном устройстве распознавались отдельно. 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
person alexismorin    schedule 22.06.2015
comment
Потрясающе @carigna.boy. Да, я забыл вернуться сюда и ответить на свой вопрос. Спасибо за внимание - person vedran; 23.06.2015