From 8ef9b0cb34743d656053fc081b51d7c76f24b6fc Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Tue, 2 Jun 2026 09:43:44 -0400 Subject: [PATCH] pen tool: shrink anchor + handle glyphs closer to Illustrator size The 0.0075 dot / 0.0018 line ratios still rendered as ~14px dots with thick stems on a 1920px-wide preview, which dominated short paths. Dropped the dot radius to 0.0028 and the line width to ~0.001 so the editing UI reads as a tiny on-canvas widget (~7px) rather than a UI element fighting the artwork. Both renderPenEditHandles and renderPenDraft use the new sizes so live drawing and post-commit editing stay consistent. --- src/index.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/index.html b/src/index.html index 9ee173e..40d0472 100644 --- a/src/index.html +++ b/src/index.html @@ -10983,13 +10983,13 @@ clearPenDraftRender(); const dims = currentCanvasDims(); const unit = Math.max(dims.w, dims.h); - // Smaller, less prominent anchors/handles — earlier sizes - // (0.003 stroke, 0.013 anchor) rendered ~25px dots on a - // 1920px-wide preview, which obscured short paths and made - // the canvas feel cluttered. ~50% smaller reads as deliberate - // editing UI without dominating. - const lineW = unit * 0.0018; - const dotR = unit * 0.0075; + // Tiny anchor / handle glyphs — closer to Illustrator's default + // editing dots than a giant on-canvas widget. On a 1920px-wide + // preview these read as ~7px squares / circles, which is small + // enough that they don't obscure short paths but still big + // enough to click reliably. + const lineW = unit * 0.0008; + const dotR = unit * 0.0028; const nodes = layer.shape.pen.nodes; // In select mode the overlay base passes pointer events through // to the layer underneath (so clicks on empty canvas still @@ -11580,8 +11580,8 @@ const unit = Math.max(dims.w, dims.h); // Sized to match renderPenEditHandles so the in-progress // draw and the post-commit edit handles look consistent. - const lineW = unit * 0.0025; - const dotR = unit * 0.0075; + const lineW = unit * 0.0012; + const dotR = unit * 0.0028; if (_penDraft.tool === 'pencil') { const pts = _penDraft.points;