fix: pinching center offset

This commit is contained in:
Peng Xiao
2022-08-18 12:18:11 +08:00
parent 5d35e21e8b
commit f4060ecc79
3 changed files with 7 additions and 13 deletions

View File

@@ -38,7 +38,7 @@ export class TLInputs<K extends TLEventMap> {
) {
if ('clientX' in event) {
this.previousScreenPoint = this.currentScreenPoint
this.currentScreenPoint = Vec.add([event.clientX, event.clientY], this.containerOffset)
this.currentScreenPoint = Vec.sub([event.clientX, event.clientY], this.containerOffset)
}
if ('shiftKey' in event) {
this.shiftKey = event.shiftKey

View File

@@ -1,16 +1,10 @@
/* eslint-disable @typescript-eslint/no-explicit-any */
import type { AnyObject, TLDocumentModel, TLTheme, TLToolConstructor } from '@tldraw/core'
import type * as React from 'react'
import type { TLReactApp, TLReactShape, TLReactShapeConstructor } from '~lib'
import { AppProvider } from '~components'
import type {
AnyObject,
TLDocumentModel,
TLCallback,
TLTheme,
TLToolConstructor,
} from '@tldraw/core'
import type { TLReactComponents } from '~types/component-props'
import type { TLReactApp, TLReactShape, TLReactShapeConstructor } from '~lib'
import type { TLReactCallbacks, TLReactEventMap } from '~types'
import type { TLReactComponents } from '~types/component-props'
import { AppCanvas } from './AppCanvas'
export interface TLCommonAppProps<

View File

@@ -41,7 +41,7 @@ export function useGestureEvents(ref: React.RefObject<HTMLDivElement>) {
order: 0,
delta: gesture.delta,
offset: gesture.offset,
point: gesture.origin,
point: Vec.sub(gesture.origin, inputs.containerOffset),
},
event
)
@@ -58,7 +58,7 @@ export function useGestureEvents(ref: React.RefObject<HTMLDivElement>) {
order: 0,
delta: gesture.delta,
offset: gesture.offset,
point: gesture.origin,
point: Vec.sub(gesture.origin, inputs.containerOffset),
},
event
)
@@ -75,7 +75,7 @@ export function useGestureEvents(ref: React.RefObject<HTMLDivElement>) {
order: 0,
delta: gesture.delta,
offset: gesture.offset,
point: gesture.origin,
point: Vec.sub(gesture.origin, inputs.containerOffset),
},
event
)