smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-04-14 16:40:58 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: a few corner cases for flipping

Browse source
This commit is contained in:
Alex Kim 2023-02-16 18:31:49 +03:00
parent 69e30b372b
commit 9e1131cf42
No known key found for this signature in database
GPG key ID: CEE74CFA44D238D7
1 changed files with 16 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/element/resizeElements.ts
View file

@ -638,15 +638,15 @@ export const resizeMultipleElements = (
const scale =
Math.max(
Math.abs(pointerX - anchorX) / (maxX - minX),
Math.abs(pointerY - anchorY) / (maxY - minY),
Math.abs(pointerX - anchorX) / (maxX - minX) || 0,
Math.abs(pointerY - anchorY) / (maxY - minY) || 0,
) * (shouldResizeFromCenter ? 2 : 1);
if (scale === 0) {
return;
}
const mapDirectionsToFlipConditions: Record<
const mapDirectionsToPointerPositions: Record<
typeof direction,
[x: boolean, y: boolean]
> = {
@ -659,9 +659,9 @@ export const resizeMultipleElements = (
// to flip an element:
// 1. mirror x,y relative to the anchor over the x/y/both axis (flipFactor)
// 2. shift by the width/height/both (flipAdjust) or mirror points in case of
// linear/free draw element (hasPoints)
// linear/free draw element
// 3. adjust the angle
const [flipFactorX, flipFactorY] = mapDirectionsToFlipConditions[
const [flipFactorX, flipFactorY] = mapDirectionsToPointerPositions[
direction
].map((condition) => (condition ? 1 : -1));
const isFlippedByX = flipFactorX < 0;
@ -681,8 +681,6 @@ export const resizeMultipleElements = (
const x = anchorX + flipFactorX * (offsetX * scale + flipAdjustX);
const y = anchorY + flipFactorY * (offsetY * scale + flipAdjustY);
// TODO curved lines adjustment
// readjust points for linear & free draw elements
const rescaledPoints = rescalePointsInElement(
element,
width * flipFactorX,
@ -735,7 +733,7 @@ export const resizeMultipleElements = (
baseline: number;
} | null = null;
const boundTextElement = getBoundTextElement(element);
const boundTextElement = getBoundTextElement(latestElement);
if (boundTextElement || isTextElement(element)) {
const optionalPadding = getBoundTextElementOffset(boundTextElement) * 2;
@ -755,11 +753,16 @@ export const resizeMultipleElements = (
}
if (boundTextElement) {
boundTextUpdates = {
angle,
fontSize: textMeasurements.size,
baseline: textMeasurements.baseline,
};
if (isArrowElement(element)) {
const { angle, fontSize, baseline } = boundTextElement;
boundTextUpdates = { angle, fontSize, baseline };
} else {
boundTextUpdates = {
angle: update.angle,
fontSize: textMeasurements.size,
baseline: textMeasurements.baseline,
};
}
}
}