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

refboard: resize images from visible bounds

Browse Source
This commit is contained in:
Hiren Kangad
2026-03-13 12:46:48 +05:30
parent 50dbb4e0cf
commit ddd395444d
1 changed files with 19 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/canvas/TransformBox.ts
+17 -6
View File
@@ -47,7 +47,7 @@ interface DragState {
startX: number;
startY: number;
origBounds: { x: number; y: number; w: number; h: number };
origTransforms: Map<string, { sx: number; sy: number; angle: number; x: number; y: number; w: number }>;
origTransforms: Map<string, { sx: number; sy: number; angle: number; x: number; y: number; w: number; bounds: { x: number; y: number; w: number; h: number } }>;
}
// ---------------------------------------------------------------------------
@@ -234,7 +234,7 @@ export class TransformBox extends Container {
private _onHandleDown(e: FederatedPointerEvent, id: HandleId): void {
e.stopPropagation();
const origTransforms = new Map<string, { sx: number; sy: number; angle: number; x: number; y: number; w: number }>();
const origTransforms = new Map<string, { sx: number; sy: number; angle: number; x: number; y: number; w: number; bounds: { x: number; y: number; w: number; h: number } }>();
for (const item of this._items) {
origTransforms.set(item.id, {
sx: item.data.sx,
@@ -243,6 +243,7 @@ export class TransformBox extends Container {
x: item.data.x,
y: item.data.y,
w: item.data.w,
bounds: getItemWorldBounds(item),
});
}
@@ -369,15 +370,25 @@ export class TransformBox extends Container {
continue; // Skip normal sx/sy scaling
}
if (item.type === 'image') {
const obounds = orig.bounds;
const nextVisibleX = anchorX + (obounds.x - anchorX) * fx;
const nextVisibleY = anchorY + (obounds.y - anchorY) * fy;
item.data.x = orig.x;
item.data.y = orig.y;
item.data.sx = orig.sx * fx;
item.data.sy = orig.sy * fy;
applyImageDisplayTransform(item.displayObject, item.data as ImageObject);
const currentBounds = getItemWorldBounds(item);
item.data.x += nextVisibleX - currentBounds.x;
item.data.y += nextVisibleY - currentBounds.y;
applyImageDisplayTransform(item.displayObject, item.data as ImageObject);
} else {
// Reposition as a unit: scale each item's offset from the anchor point
item.data.x = anchorX + (orig.x - anchorX) * fx;
item.data.y = anchorY + (orig.y - anchorY) * fy;
item.data.sx = orig.sx * fx;
item.data.sy = orig.sy * fy;
if (item.type === 'image') {
applyImageDisplayTransform(item.displayObject, item.data as ImageObject);
} else {
item.displayObject.scale.set(item.data.sx, item.data.sy);
item.displayObject.position.set(item.data.x, item.data.y);
}