blob: f1264fd453f001a4c496b801b119a5b9d3eb38f8 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
width="100%"
height="100%"
viewBox="0 0 600 600">
<style type="text/css">
@font-face {
font-family: "Noto Sans";
src: url("fonts/NotoSans-Regular.ttf");
}
@font-face {
font-family: "Noto Sans CJK JP";
src: url("fonts/NotoSansCJKjp-Regular.otf");
}
@font-face {
font-family: "GeomTest";
src: url("fonts/GeomTest.otf");
}
text {
font-family: "Noto Sans";
font-size: 30px;
}
.geomtest {
font-family: GeomTest;
}
</style>
<text x="100" y="100">㆕㆖㆘<tspan class="geomtest">A回ーऄ</tspan>G̃g̃X̃x̃</text>
<text x="115" y="200" style="writing-mode:vertical-lr">㆕㆖㆘<tspan class="geomtest">A回ーऄ</tspan>G̃g̃X̃x̃</text>
<text x="305" y="200" style="writing-mode:vertical-lr;text-orientation:upright">㆕㆖㆘<tspan class="geomtest">A回ーऄ</tspan>G̃g̃X̃x̃</text>
<text x="495" y="200" style="writing-mode:vertical-lr;text-orientation:sideways">㆕㆖㆘<tspan class="geomtest">A回ーऄ</tspan>G̃g̃X̃x̃</text>
<!-- Show reference point -->
<circle cx="100" cy="100" r="2" style="fill:lightblue"/>
<circle cx="115" cy="200" r="2" style="fill:lightblue"/>
<circle cx="305" cy="200" r="2" style="fill:lightblue"/>
<circle cx="495" cy="200" r="2" style="fill:lightblue"/>
</svg>
|
