Variable Width Lines in HTML5 Canvas

Question

JavaScript

Is there a JS library that can draw on canvas lines with variable width?

Well, that is, for example: at the beginning, the thickness is 3px, at the end 5px, and so that it changes smoothly along the entire line.

For straight lines, this is, in principle, not very difficult to implement. But for Bezier curves, the solution is non-trivial.

Answer 1

well, the obvious way is to cut the curve into many segments, each slightly thicker than the previous one.

Answer 2

> For straight lines, this, in principle, is not very difficult to implement Take a
closer look at PaperJS: it can, for example, draw dashed lines, turn Bezier curves into normal segments and vice versa.
PS There will be time, I'll try to do something similar ...