The shape of the path is wrong.

pRegroup-done-2019 strokeCap = “butt”. square. If you make it ROUND.

Because of the strange direction of the ends.

Another Pattern Sharp angle paths cause This means that since lineJoin is miter and miterLimit is 10 by default, spines up to 10 times the width can occur. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/lineJoin This is what happens when you use ROUND instead of MITER.

after

---

This page is auto-translated from /nishio/パスの形がおかしい using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I’m very happy to spread my thought to non-Japanese readers.