diff options
| author | bobzel <zzzman@gmail.com> | 2023-09-13 13:54:53 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2023-09-13 13:54:53 -0400 |
| commit | 556f770a4c7e9c9f9df7d8857dd496ff1dedc6e7 (patch) | |
| tree | 1d7d3b4448274a26d3586f03604cf6bb02e64ceb /src/client/util/InteractionUtils.tsx | |
| parent | f2a1e4fcb8806ea5fdf7018894e2875fca8caca6 (diff) | |
fixed ink lines to highlight with a dropshadow. added a stroke_borderWidth, but no UI for it.
Diffstat (limited to 'src/client/util/InteractionUtils.tsx')
| -rw-r--r-- | src/client/util/InteractionUtils.tsx | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/client/util/InteractionUtils.tsx b/src/client/util/InteractionUtils.tsx index d0f459291..464643b09 100644 --- a/src/client/util/InteractionUtils.tsx +++ b/src/client/util/InteractionUtils.tsx @@ -108,7 +108,8 @@ export namespace InteractionUtils { opacity: number, nodefs: boolean, downHdlr?: (e: React.PointerEvent) => void, - mask?: boolean + mask?: boolean, + dropshadow?: string ) { const pts = shape ? makePolygon(shape, points) : points; @@ -172,6 +173,7 @@ export namespace InteractionUtils { <Tag d={bezier ? strpts : undefined} points={bezier ? undefined : strpts} + filter={!dropshadow ? undefined : `drop-shadow(-1px -1px 0px ${dropshadow}) drop-shadow(2px -1px 0px ${dropshadow}) drop-shadow(2px 2px 0px ${dropshadow}) drop-shadow(-1px 2px 0px ${dropshadow})`} style={{ // filter: drawHalo ? "url(#inkSelectionHalo)" : undefined, fill: fill && fill !== 'transparent' ? fill : 'none', |