Chapter 3. Basic Shapes and Text

In This Chapter

  • Shape Elements

  • Text in SVG

  • Conclusion

It's said that a picture is worth a thousand words, but in SVG, words are pictures! The art of drawing in SVG can be quite easy, because SVG has a number of basic shape elements. This means that you don't have to re-invent the wheel (or the circle!) every time you want to create a new image.

By covering all the basic shape elements, this chapter will show how to create simple images in SVG without a lot of coding. We'll also examine how easy it is to make images with basic shapes that can be reused in a variety of different drawings.

We'll also take a look at text and how to format it, including fonts, character spacing, and text layout. We'll take a brief look ...

Get SVG for Web Developers 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.