blob: 949de0cbf0c8aeaf779a94aa01c2688698e756f6 (
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
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:h="http://www.w3.org/1999/xhtml">
<metadata>
<h:title>Opacity on tspan, textPath, and a elements</h:title>
<h:link rel="help" href="https://svgwg.org/svg2-draft/text.html"/>
<h:link rel="match" href="opacity-ref.svg"/>
<h:link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
</metadata>
<style>
text {
font-size: 50px;
}
</style>
<defs>
<path id="path" d="M100, 120 300, 120"/>
</defs>
<text x="100" y="60">
<tspan style="opacity: 0.5">tspan</tspan>
</text>
<text>
<textPath href="#path" style="opacity: 0.5">textPath</textPath>
</text>
<text x="100" y="180">
<a href="https://www.w3.org" style="opacity: 0.5"><tspan>link</tspan></a>
</text>
<text x="100" y="240">
<a href="https://www.w3.org"><tspan style="opacity: 0.5">another link</tspan></a>
</text>
<text x="100" y="300" opacity="0.5" font-family="Ahem">
<tspan style="opacity: 0.5">XXXX</tspan>
</text>
</svg>
|
