Enhanced animations API.

2026-06-04 19:13:24 +02:00
parent d5aad6202d
commit 4330f3ec9d
6 changed files with 425 additions and 136 deletions
@@ -130,6 +130,32 @@ export const resolveRenderOpacity = (
  return element.opacity;
 };

+export const resolveRenderPositionOffset = (
+  element: ExcalidrawElement,
+  renderConfig: Pick<StaticCanvasRenderConfig, "elementPositionOverrides">,
+) => {
+  return renderConfig.elementPositionOverrides?.get(element.id) ?? { x: 0, y: 0 };
+};
+
+export const getRenderElementWithPositionOverride = <
+  TElement extends NonDeletedExcalidrawElement,
+>(
+  element: TElement,
+  renderConfig: Pick<StaticCanvasRenderConfig, "elementPositionOverrides">,
+): TElement => {
+  const positionOffset = resolveRenderPositionOffset(element, renderConfig);
+
+  if (positionOffset.x === 0 && positionOffset.y === 0) {
+    return element;
+  }
+
+  return {
+    ...element,
+    x: element.x + positionOffset.x,
+    y: element.y + positionOffset.y,
+  } as TElement;
+};
+
 export const getRenderOpacity = (
  element: ExcalidrawElement,
  renderConfig: Pick<
@@ -821,6 +847,8 @@ export const renderElement = (
    !appState.selectedElementIds[element.id] &&
    !appState.hoveredElementIds[element.id];

+  element = getRenderElementWithPositionOverride(element, renderConfig);
+
  context.globalAlpha = getRenderOpacity(
    element,
    renderConfig,