szimek
Reputation: 6484
Is it possible to draw a Bézier curve with variable width in SVG?
I wrote a small library to draw signatures in HTML apps which uses Bézier curves with variable width (based on drawing speed) to simulate hand writing effect: http://szimek.github.io/signature_pad.
Is it possible to draw such curve, i.e. Bézier curve with different width at its beginning and its end in SVG?
Upvotes: 1
Views: 796
Answers (2)
Erik Dahlström
Reputation: 60976
It's possible to export such curves to svg, but you'd have to represent the shapes as filled paths. SVG doesn't support variable width stroking (yet).
Upvotes: 1
Related Questions
- Using bezier curves to draw variable width paths
- How to create a curved SVG path between two points?
- Wavy effect for my svg Bezier curve Does it possible?
- Draw Bezier Curve with relative path in SVG
- Can you "bend" a SVG around bezier path while animating?
- How do I calculate pairs of Bezier S-curves such that the space between them has constant thickness?
- Draw a custom shape using SVG path Bezier curve
- SVG how to create a bezier curve of 180 degress?
- SVG graph with variable width
- How to draw a bezier curve with variable thickness on an HTML canvas?