blob: 32ebd2ae38481e1121971c7cfa60f0eb256dff47 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
<metadata>
<title>lengthAdjust="spacingAndGlyphs" should work on vertical text</title>
<h:link rel="help" href="https://www.w3.org/TR/SVG2/text.html#TextElementLengthAdjustAttribute"/>
<h:link rel="match" href="green-100x100.svg"/>
<h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
</metadata>
<style>
text {
font: 25px/1 Ahem;
}
</style>
<rect fill="green" width="100" height="100"/>
<text x="50" y="10" fill="red" textLength="80" lengthAdjust="spacingAndGlyphs" font-family="Ahem" style="writing-mode: vertical-lr">
XX
</text>
<rect fill="green" x="37" y="9" width="26" height="82"/>
</svg>
|