personalizedrefrigerator / js-draw

Draw pictures using a pen, touchscreen, or mouse! JS-draw is a freehand drawing library for JavaScript and TypeScript.
https://personalizedrefrigerator.github.io/js-draw/typedoc/
MIT License
79 stars 8 forks source link

Highlighter: Strokes with sharp corners have corners with double lines #10

Open personalizedrefrigerator opened 1 year ago

personalizedrefrigerator commented 1 year ago

Edit: This only happens with the non-default, flat-edged pen.

Describe the bug

Strokes (thick strokes especially) often have rendering issues, particularly double-lines at sharp-angled joints.

To Reproduce

Steps to reproduce the behavior:

  1. Switch a thick pen tool
  2. Write a 'T' quickly, with one stroke
  3. Zoom in on the left side of the T

Observed behavior

screenshot of stroke with two lines at a sharp joint

Platform

personalizedrefrigerator commented 1 year ago

While 63a870270e83c29b8433dd9d2dbb9a1dc1bd7b2d should make this happen less often, it still happens.