Example of the SVG <text> element with the rotate attribute

Source Code: (back to article)

Result: Report an issue

99

1

2

3

4

5

6

7

8

9

10

11

12

›

⌄

⌄

⌄

⌄

<!DOCTYPE html>

<html>

<head>

<title>Title of the document</title>

</head>

<body>

<svg width="250" height="150" style="border:1px solid red">

<text x="20" y="25" fill="purple" transform="rotate(40 30,60)">This is a SVG text example.</text>

Sorry, your browser doesn't support inline SVG.

</svg>

</body>

</html>