SVG text

SVG Text - <text>

<Text> element is used to define the text.

Example 1

Write a text:

Here is the SVG Code:

For Opera users: view SVG file (right-click on the preview source SVG graphics).

Example 2

Rotated text:

Here is the SVG Code:

For Opera users: view SVG file (right-click on the preview source SVG graphics).

Example 3

Text path:

Here is the SVG Code:

For Opera users: view SVG file (right-click on the preview source SVG graphics).

Example 4

Any number of sub-group elements and <tspan> element can be arranged. Each <tspan> element can contain different formats and locations. A few lines of text (with <tspan> element):

Here is the SVG Code:

For Opera users: view SVG file (right-click on the preview source SVG graphics).

Example 5

As the link text (<a> element):

Here is the SVG Code:

For Opera users: view SVG file (right-click on the preview source SVG graphics).