Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

visual indicator that curve is being split

Browse Source
This commit is contained in:
Preet 2023-10-21 16:57:56 -07:00
parent 0360e64219
commit a2dd3c6ea2
1 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/renderer/renderScene.ts
View File

@ -157,10 +157,13 @@ const fillCircle = (
cy: number,
radius: number,
stroke = true,
noFill = false,
) => {
context.beginPath();
context.arc(cx, cy, radius, 0, Math.PI * 2);
if (!noFill) {
context.fill();
}
if (stroke) {
context.stroke();
}
@ -224,6 +227,7 @@ const renderSingleLinearPoint = (
point: Point,
radius: number,
isSelected: boolean,
isSegmentSplitting: boolean,
isPhantomPoint = false,
) => {
context.strokeStyle = "#5e5ad8";
@ -242,6 +246,16 @@ const renderSingleLinearPoint = (
radius / appState.zoom.value,
!isPhantomPoint,
);
if (isSegmentSplitting) {
fillCircle(
context,
point[0],
point[1],
(radius + 4) / appState.zoom.value,
true,
true,
);
}
};
const renderLinearPointHandles = (
@ -265,7 +279,9 @@ const renderLinearPointHandles = (
const isSelected =
!!appState.editingLinearElement?.selectedPointsIndices?.includes(idx);
renderSingleLinearPoint(context, appState, point, radius, isSelected);
const segmented = element.segmentSplitIndices ? element.segmentSplitIndices.includes(idx) : false;
renderSingleLinearPoint(context, appState, point, radius, isSelected, segmented);
});
//Rendering segment mid points
@ -293,6 +309,7 @@ const renderLinearPointHandles = (
segmentMidPoint,
radius,
false,
false,
);
highlightPoint(segmentMidPoint, context, appState);
} else {
@ -303,6 +320,7 @@ const renderLinearPointHandles = (
segmentMidPoint,
radius,
false,
false,
);
}
} else if (appState.editingLinearElement || points.length === 2) {
@ -312,6 +330,7 @@ const renderLinearPointHandles = (
segmentMidPoint,
POINT_HANDLE_SIZE / 2,
false,
false,
true,
);
}