Text

Text in SVG gets the best treatment possible. It is rendered as a graphic so all your graphic transforms apply to it and it still acts like text - that is, it can be selected and copied as text by a user.

Text can be used in different ways depending on the author's goals. Broadly speaking, text can be decorative, such as a logo, or it can be practical with the intent of conveying simple data like names and phone numbers. Sometimes we think of text as serving the function of labelling or identifying.

Simple Applications of Text

The text element is used to write text at a location. The location is given in absolute terms with the x and y attributes or a relative location with dx and dy attributes.

The tspan allows ranges of text to be reformatted, repositioned or otherwise adjusted while inheriting the attributes of the text element that they're contained in.

Text contained in separate tspans, but the same text element, can all be selected at once. Text in separate text elements can't be selected at the same time (when you click and drag, only text from the first text element will be selected).