Chapter 19Canvas & SVG: SVG Bézier Curves

Bézier curves are used extensively in graphics software and are sometimes described as a polynomial expression, which is basically used to describe a curve. Sometimes, Bézier curves are referred to simply as curves, which can be slightly confusing if you're not familiar with all of the common (or less common) terms when it comes to design.

A Bézier curve is constructed by control points, as shown in Figure 19.1. A quadratic Bézier curve has one control point, whilst a cubic has two.

Quadratic Bézier Curves

A quadratic Bézier curve

Figure 19.1. A quadratic Bézier curve

Now let's look at creating this whole image in SVG. Save the ...

Get Jump Start HTML5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.