Hermes/refboard-ayon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

refboard: preserve center when rotating items

Browse Source
This commit is contained in:
Hiren Kangad
2026-03-13 15:05:54 +05:30
parent 98fb7be77e
commit 8d34d42377
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/canvas/operations.ts
+17
View File
@@ -485,6 +485,9 @@ export function scaleBy(objects: SceneItem[], factor: number) {
export function rotate90(objects: SceneItem[], clockwise: boolean) {
objects.forEach((item) => {
const before = bounds(item);
const cx = before.x + before.w / 2;
const cy = before.y + before.h / 2;
item.data.angle = ((item.data.angle + (clockwise ? 90 : -90)) % 360 + 360) % 360;
if (item.type === 'image') {
const t = getImageDisplayTransform(item.data as ImageObject);
@@ -493,6 +496,20 @@ export function rotate90(objects: SceneItem[], clockwise: boolean) {
} else {
item.displayObject.angle = item.data.angle;
}
const after = bounds(item);
item.data.x += cx - (after.x + after.w / 2);
item.data.y += cy - (after.y + after.h / 2);
if (item.type === 'image') {
const t = getImageDisplayTransform(item.data as ImageObject);
item.displayObject.x = t.x;
item.displayObject.y = t.y;
item.displayObject.angle = t.angle;
item.displayObject.scale.set(t.scaleX, t.scaleY);
} else {
item.displayObject.x = item.data.x;
item.displayObject.y = item.data.y;
item.displayObject.angle = item.data.angle;
}
});
}