Dev

[NiceArti]

Summary

This pull request improves stroke rendering and canvas interaction behavior across desktop and touch devices.

It adds rendering support for dotted strokes, restores shape-accurate hover outlines, prevents browser navigation gestures while interacting with the canvas, and enables one-finger camera panning on touch devices.

Motivation

Canvas interaction should remain predictable and consistent across different input devices.

Previously:

• StrokeStyle.Dotted was available in the stroke configuration but was not rendered.
• Hover feedback used the node bounding box instead of its actual geometry.
• Horizontal trackpad gestures over the canvas could trigger browser back navigation.
• Touch devices could not pan the world with one finger.

These issues made the canvas feel less precise and less suitable for editor-style workflows.

Changes

• Added dotted stroke rendering using the existing geometric dashed-stroke pipeline.

  • Dots use round caps.
  • Stroke width defines the visual dot diameter.
  • Gap controls spacing between dots.
  • Color and gradient stroke fills remain supported.

• Prevented default wheel and trackpad browser behavior only over registered input surfaces.

• Added local overscroll-behavior and touch-action handling for canvas surfaces.

• Added one-finger touch panning through the existing Pointer Events input system.

• Added pointer delta accumulation and active-pointer filtering.

• Preserved pointer capture while panning outside the initial canvas bounds.

• Restored precise hover outlines based on ShapePathCommand geometry instead of world bounding-box corners.

• Added hover contour handling for:

  • straight path segments;
  • quadratic curves;
  • elliptical arcs;
  • closed subpaths.

• Kept existing mouse, trackpad, keyboard, and dashed-stroke behavior intact.

Testing

Tested manually in the Playground.

Verified:

• Dotted strokes render on rectangular, rounded, elliptical, polygonal, and star-shaped nodes.
• Dotted strokes work with different stroke widths and gap values.
• Dotted strokes work with stroke alignment and gradient fills.
• Existing dashed strokes continue to render correctly.
• Horizontal trackpad gestures pan the canvas without triggering browser navigation.
• Browser navigation and scrolling continue to work outside the canvas surface.
• One-finger touch movement pans the world camera.
• Pointer capture preserves an active touch gesture outside the canvas bounds.
• Hover outlines follow the actual geometry of ellipses, rounded rectangles, polygons, stars, and curved paths.
• Text hover and debug rendering remain functional.

Public API

• No public API changes
• Public API was added or changed
• Breaking change

The existing stroke-style and input APIs are reused. The changes are limited to renderer and interaction behavior.

Visual changes

Recommended attachments:

• Screenshot or recording of dotted strokes using color and gradient fills.
• Recording of trackpad panning without browser back navigation.
• Recording of one-finger touch panning.
• Before-and-after comparison showing bounding-box hover versus shape-accurate hover.

Checklist

• The project builds successfully
• Type checking passes
• Linting passes
• Tests pass
• Relevant behavior was tested in the Playground
• New behavior has tests where practical
• Documentation was updated where necessary
• CHANGELOG.md was updated where necessary
• No unrelated refactoring was included