useTransform • tldraw Docs

Position an element by writing its transform directly, outside React's render output — the cheap path for elements that move at pointer/presence frequency.

function useTransform(
  ref: React.RefObject<HTMLElement | null | SVGElement>,
  x?: number,
  y?: number,
  scale?: number,
  rotate?: number,
  additionalOffset?: VecLike,
): void;

Parameters

Name	Description
`ref`	`React.RefObject< HTMLElement \| null \| SVGElement >;`
`x`	`number;`
`y`	`number;`
`scale`	`number;`
`rotate`	`number;`
`additionalOffset`	`VecLike;`

Returns

void;