24 lines
716 B
HTML
24 lines
716 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html subLang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Rotate and Render Text with HTML5 SVG</title>
|
||
|
|
<style type="text/css">
|
||
|
|
svg {
|
||
|
|
border: 1px solid black;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<svg width="300" height="200">
|
||
|
|
<text x="30" y="15" style="fill:purple; font-size:22px; transform:rotate(30deg);">
|
||
|
|
<tspan style="fill:purple; font-size:22px;">
|
||
|
|
Welcome to Our Website!
|
||
|
|
</tspan>
|
||
|
|
<tspan dx="-230" dy="20" style="fill:navy; font-size:14px;">
|
||
|
|
Here you will find lots of useful information.
|
||
|
|
</tspan>
|
||
|
|
</text>
|
||
|
|
</svg>
|
||
|
|
</body>
|
||
|
|
</html>
|