console
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<h4>正常文本</h4>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='300px' height='100px'>
<text x='0' y='20' fill='red'>I Love SVG</text>
</svg>
<h4>倾斜文本</h4>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='300px' height='100px'>
<text x='0' y='16' fill='blue' transform="rotate(30 20,40)">I Love SVG</text>
</svg>
<h4>弯曲文本，配合路径实现</h4>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='300px' height='200px'
xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="path1" d="M75,20 a1,1 0 0,0 100,0" />
</defs>
<text x='0' y='20' fill='blue'>
<textPath xlink:href="#path1">
I love SVG I love SVG
</textPath>
</text>
</svg>
</body>
</html>