本文整理匯總了TypeScript中@interactjs/utils.pointer.setCoords方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript pointer.setCoords方法的具體用法？TypeScript pointer.setCoords怎麽用？TypeScript pointer.setCoords使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@interactjs/utils.pointer的用法示例。
在下文中一共展示了pointer.setCoords方法的2個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: resume
function resume (
{ interaction, event, pointer, eventTarget }: Interact.SignalArg,
scope: Interact.Scope
) {
const state = interaction.inertia
// Check if the down event hits the current inertia target
if (state.active) {
let element = eventTarget
// climb up the DOM tree from the event target
while (utils.is.element(element)) {
// if interaction element is the current inertia target element
if (element === interaction.element) {
// stop inertia
raf.cancel(state.timeout)
state.active = false
interaction.simulation = null
// update pointers to the down event's coordinates
interaction.updatePointer(pointer, event, eventTarget, true)
utils.pointer.setCoords(
interaction.coords.cur,
interaction.pointers.map((p) => p.pointer),
interaction._now()
)
// fire appropriate signals
const signalArg = {
interaction,
}
scope.interactions.signals.fire('action-resume', signalArg)
// fire a reume event
const resumeEvent = new scope.InteractEvent(
interaction, event, interaction.prepared.name, EventPhase.Resume, interaction.element)
interaction._fireEvent(resumeEvent)
utils.pointer.copyCoords(interaction.coords.prev, interaction.coords.cur)
break
}
element = utils.dom.parentNode(element)
}
}
}示例2: updateInertiaCoords
function updateInertiaCoords (interaction: Interact.Interaction) {
const state = interaction.inertia
// return if inertia isn't running
if (!state.active) { return }
const pageUp = state.upCoords.page
const clientUp = state.upCoords.client
utils.pointer.setCoords(interaction.coords.cur, [ {
pageX : pageUp.x + state.sx,
pageY : pageUp.y + state.sy,
clientX: clientUp.x + state.sx,
clientY: clientUp.y + state.sy,
} ], interaction._now())
}