SVG <text>

SVG Text - <text>

The <text> element is used to define text.

Example 1

Writing a text:

Here is the SVG code:

Example

For Opera users: View SVG file (right-click on the SVG graphic to view source).

Example 2

Rotated text:

Here is the SVG code:

Example

For Opera users: View SVG file (right-click on the SVG graphic to view source).

Example 3

Text on a path:

Here is the SVG code:

Example

For Opera users: View SVG file (right-click on the SVG graphic to view source).

Example 4

Elements can be arranged in any subgroup with <tspan> elements. Each <tspan> element can contain different formatting and positioning. Multiple lines of text (with <tspan> elements):

Here is the SVG code:

Example

For Opera users: View SVG file (right-click on the SVG graphic to view source).

Example 5

Text as a link (<a> element):

Here is the SVG code:

Example

For Opera users: View SVG file (right-click on the SVG graphic to view source).