jeffemmett
/
folk-canvas
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more resize and rotation

This commit is contained in:
“chrisshank” 2024-12-02 21:41:31 -08:00
parent 4d075ff9d5
commit d52f569110
1 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/folk-shape.ts
View File

@ -416,30 +416,31 @@ export class FolkShape extends HTMLElement {
if (handle === null) return; if (handle === null) return;
if (handle.includes('resize')) { if (handle.includes('resize')) {
const angle = this.rotation;
const { clientX, clientY } = event; const { clientX, clientY } = event;
const rect = this.getClientRect(); const [topLeft, topRight, bottomRight, bottomLeft] = this.getClientRect().corners();
const [topLeft, topRight, bottomRight, bottomLeft] = rect.corners(); const newCenter: Point = {
x: (topLeft.x + clientX) / 2,
y: (topLeft.y + clientY) / 2,
};
const newTopLeft = Vector.rotateAround(topLeft, newCenter, -this.rotation);
let bottomRightAdjusted: Point;
if (handle.endsWith('nw')) { if (handle.endsWith('nw')) {
bottomRightAdjusted = { x: clientX, y: clientY };
} else if (handle.endsWith('ne')) { } else if (handle.endsWith('ne')) {
} bottomRightAdjusted = { x: clientX, y: clientY };
if (handle.endsWith('se')) { } else if (handle.endsWith('se')) {
const newCenter: Point = { bottomRightAdjusted = { x: clientX, y: clientY };
x: (topLeft.x + clientX) / 2,
y: (topLeft.y + clientY) / 2,
};
const newTopLeft = Vector.rotateAround(topLeft, newCenter, -angle);
const newBottomRight = Vector.rotateAround({ x: clientX, y: clientY }, newCenter, -angle);
this.x = newTopLeft.x;
this.y = newTopLeft.y;
this.width = newBottomRight.x - newTopLeft.x;
this.height = newBottomRight.y - newTopLeft.y;
} else { } else {
bottomRightAdjusted = { x: clientX, y: clientY };
} }
const newBottomRight = Vector.rotateAround(bottomRightAdjusted, newCenter, -this.rotation);
this.x = newTopLeft.x;
this.y = newTopLeft.y;
this.width = newBottomRight.x - newTopLeft.x;
this.height = newBottomRight.y - newTopLeft.y;
return; return;
} }