Calculate Beziers curves
Resources
- https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths#Bezier_Curves
- https://en.wikipedia.org/wiki/B%C3%A9zier_curve#Constructing_B%C3%A9zier_curves
Drawings
main rule: every curve must pass through the corresponding dots
Drawings
90°, no extremity
Small smooth 90°, where ends are aligned to their direction.
90°, one extremity
Make a u-turn
<svg width="200" height="200" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"
stroke="black" fill="transparent" stroke-width="0.1" style="margin: 50px">
<path d="M 2,1 L 2,2 C 2,2.7 3,2.7 3,2"/>
<circle cx="2" cy="1" r="0.1" fill="green" stroke="transparent"/>
<circle cx="2" cy="2" r="0.1" fill="green" stroke="transparent"/>
<circle cx="3" cy="2" r="0.1" fill="green" stroke="transparent"/>
</svg>
90°, 2 extremities
Big 90° where both ends are not aligned to their direction