smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refine corner avoidance

Browse source
This commit is contained in:
Mark Tolmacs 2025-04-25 14:25:40 +02:00
parent 41711af210
commit ece841326b
No known key found for this signature in database
1 changed files with 35 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

41
packages/element/src/binding.ts
View file

@ -45,6 +45,12 @@ import {
import { intersectElementWithLineSegment } from "./collision";
import { distanceToBindableElement } from "./distance";
import {
compareHeading,
HEADING_DOWN,
HEADING_LEFT,
HEADING_RIGHT,
HEADING_UP,
headingForPoint,
headingForPointFromElement,
headingIsHorizontal,
vectorToHeading,
@ -87,6 +93,7 @@ import type {
SceneElementsMap,
FixedPointBinding,
} from "./types";
import { debugDrawLine, debugDrawPoint } from "@excalidraw/utils/visualdebug";
export type SuggestedBinding =
| NonDeleted<ExcalidrawBindableElement>
@ -1040,7 +1047,14 @@ export const avoidRectangularCorner = (
if (nonRotatedPoint[0] < element.x && nonRotatedPoint[1] < element.y) {
// Top left
if (nonRotatedPoint[1] - element.y > -FIXED_BINDING_DISTANCE) {
const heading = headingForPoint(
nonRotatedPoint,
pointFrom(element.x, element.y),
);
if (
compareHeading(heading, HEADING_DOWN) ||
compareHeading(heading, HEADING_LEFT)
) {
return pointRotateRads<GlobalPoint>(
pointFrom(element.x - FIXED_BINDING_DISTANCE, element.y),
center,
@ -1057,7 +1071,14 @@ export const avoidRectangularCorner = (
nonRotatedPoint[1] > element.y + element.height
) {
// Bottom left
if (nonRotatedPoint[0] - element.x > -FIXED_BINDING_DISTANCE) {
const heading = headingForPoint(
nonRotatedPoint,
pointFrom(element.x, element.y + element.height),
);
if (
compareHeading(heading, HEADING_DOWN) ||
compareHeading(heading, HEADING_RIGHT)
) {
return pointRotateRads(
pointFrom(
element.x,
@ -1077,9 +1098,13 @@ export const avoidRectangularCorner = (
nonRotatedPoint[1] > element.y + element.height
) {
// Bottom right
const heading = headingForPoint(
nonRotatedPoint,
pointFrom(element.x + element.width, element.y + element.height),
);
if (
nonRotatedPoint[0] - element.x <
element.width + FIXED_BINDING_DISTANCE
compareHeading(heading, HEADING_DOWN) ||
compareHeading(heading, HEADING_LEFT)
) {
return pointRotateRads(
pointFrom(
@ -1103,9 +1128,13 @@ export const avoidRectangularCorner = (
nonRotatedPoint[1] < element.y
) {
// Top right
const heading = headingForPoint(
nonRotatedPoint,
pointFrom(element.x + element.width, element.y),
);
if (
nonRotatedPoint[0] - element.x <
element.width + FIXED_BINDING_DISTANCE
compareHeading(heading, HEADING_UP) ||
compareHeading(heading, HEADING_LEFT)
) {
return pointRotateRads(
pointFrom(