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

Rounded diamond binding highlight

Browse source
This commit is contained in:
Mark Tolmacs 2025-04-22 21:40:40 +02:00
parent 3428148e4d
commit 6e22710bc8
No known key found for this signature in database
2 changed files with 151 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

17
packages/element/src/bounds.ts
View file

@ -476,7 +476,11 @@ export const getRectangleBoxAbsoluteCoords = (boxSceneCoords: RectangleBox) => {
];
};
export const getDiamondPoints = (element: ExcalidrawElement) => {
export const getDiamondPoints = (
element: ExcalidrawElement,
wPadding: number = 0,
hPadding: number = 0,
) => {
// Here we add +1 to avoid these numbers to be 0
// otherwise rough.js will throw an error complaining about it
const topX = Math.floor(element.width / 2) + 1;
@ -488,7 +492,16 @@ export const getDiamondPoints = (element: ExcalidrawElement) => {
const leftX = 0;
const leftY = rightY;
return [topX, topY, rightX, rightY, bottomX, bottomY, leftX, leftY];
return [
topX,
topY - hPadding,
rightX + wPadding,
rightY,
bottomX,
bottomY + hPadding,
leftX - wPadding,
leftY,
];
};
// reference: https://eliot-jones.com/2019/12/cubic-bezier-curve-bounding-boxes