29 lines
1.3 KiB
XML
29 lines
1.3 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg">
|
||
|
<style>
|
||
|
@font-face {
|
||
|
font-family: Linux Libertine;
|
||
|
src: url(../../fonts/LinLibertine_Re-4.7.5.woff);
|
||
|
}
|
||
|
</style>
|
||
|
<!-- the unscaled width of the "123" is 66 -->
|
||
|
<linearGradient id="g1" x1="0" y1="0" x2="66" y2="0" gradientUnits="userSpaceOnUse">
|
||
|
<stop stop-color="red"/>
|
||
|
<stop offset="0.333333" stop-color="red"/>
|
||
|
<stop offset="0.333333" stop-color="yellow"/>
|
||
|
<stop offset="0.666666" stop-color="yellow"/>
|
||
|
<stop offset="0.666666" stop-color="red"/>
|
||
|
<stop offset="1" stop-color="red"/>
|
||
|
</linearGradient>
|
||
|
<linearGradient id="g2" x1="100" y1="0" x2="232" y2="0" gradientUnits="userSpaceOnUse">
|
||
|
<stop stop-color="red"/>
|
||
|
<stop offset="0.333333" stop-color="red"/>
|
||
|
<stop offset="0.333333" stop-color="yellow"/>
|
||
|
<stop offset="0.666666" stop-color="yellow"/>
|
||
|
<stop offset="0.666666" stop-color="red"/>
|
||
|
<stop offset="1" stop-color="red"/>
|
||
|
</linearGradient>
|
||
|
<text transform="scale(2,1)translate(50,0)" y="100" style="font: 50px Linux Libertine; text-rendering: geometricPrecision; fill: url(#g1)">123</text>
|
||
|
<text transform="scale(2,1)translate(50,0)" y="100" style="font: 50px Linux Libertine; text-rendering: geometricPrecision; fill: none; stroke: black; stroke-width: 2px">123</text>
|
||
|
<rect x="100" y="110" width="132" height="10" fill="url(#g2)"/>
|
||
|
</svg>
|