93 lines
4.2 KiB
XML
93 lines
4.2 KiB
XML
<?xml version="1.0" standalone="no"?>
|
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
|
|
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
|
|
<!--
|
|
|
|
Copyright 2001 The Apache Software Foundation
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
|
|
-->
|
|
<!-- ========================================================================= -->
|
|
<!-- text effects -->
|
|
<!-- -->
|
|
<!-- @author tkormann@apache.org -->
|
|
<!-- @version $Id: textEffect2.svg,v 1.5 2004/08/18 07:12:21 vhardy Exp $ -->
|
|
<!-- ========================================================================= -->
|
|
|
|
<?xml-stylesheet type="text/css" href="../resources/test.css" ?>
|
|
|
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="450" height="500" viewBox="0 0 450 500">
|
|
<title>Mix text transformation</title>
|
|
|
|
<!-- ============================================================= -->
|
|
<!-- Test content -->
|
|
<!-- ============================================================= -->
|
|
<g id="testContent">
|
|
<text x="225" y="30" class="title">clip-path using text</text>
|
|
<text x="225" y="50" class="title">(Using System font and SVG font)</text>
|
|
|
|
|
|
<defs>
|
|
|
|
<font id="SVGArial" horiz-adv-x="904" >
|
|
<font-face
|
|
font-family="SVGArial"
|
|
units-per-em="2048"
|
|
panose-1="2 11 6 4 2 2 2 2 2 4"
|
|
ascent="1854"
|
|
descent="-434" />
|
|
|
|
<missing-glyph horiz-adv-x="1536" d="M256 0V1280H1280V0H256ZM288 32H1248V1248H288V32Z" />
|
|
|
|
<glyph unicode="A" glyph-name="A" horiz-adv-x="1366" d="M-3 0L560 1466H769L1369 0H1148L977 444H364L203 0H-3ZM420 602H917L764 1008Q694 1193 660 1312Q632 1171 581 1032L420 602Z" />
|
|
<glyph unicode="B" glyph-name="B" horiz-adv-x="1366" d="M150 0V1466H700Q868 1466 969 1422T1128 1285T1186 1091Q1186 997 1135 914T981 780Q1114 741 1185 647T1257 425Q1257 322 1214 234T1106 97T946 25T709 0H150ZM344 850H661Q790 850 846 867Q920 889
|
|
957 940T995 1068Q995 1141 960 1196T860 1272T637 1293H344V850ZM344 173H709Q803 173 841 180Q908 192 953 220T1027 301T1056 425Q1056 507 1014 567T898 652T683 677H344V173Z" />
|
|
<glyph unicode="I" glyph-name="I" horiz-adv-x="569" d="M191 0V1466H385V0H191Z" />
|
|
<glyph unicode="K" glyph-name="K" horiz-adv-x="1366" d="M150 0V1466H344V739L1072 1466H1335L720 872L1362 0H1106L584 742L344 508V0H150Z" />
|
|
<glyph unicode="T" glyph-name="T" horiz-adv-x="1251" d="M531 0V1293H48V1466H1210V1293H725V0H531Z" />
|
|
</font>
|
|
|
|
<linearGradient id="grad">
|
|
<stop style="stop-color:gold" offset="0"/>
|
|
<stop style="stop-color:orange" offset=".5"/>
|
|
<stop style="stop-color:crimson" offset="1"/>
|
|
</linearGradient>
|
|
|
|
<clipPath id="clip" clipPathUnits="userSpaceOnUse">
|
|
<text x="100" y="200" style="font-size:40pt; font-family:Arial">BATIK</text>
|
|
</clipPath>
|
|
|
|
<clipPath id="svgClip" clipPathUnits="userSpaceOnUse" >
|
|
<text x="100" y="300" style="font-size:40pt; font-family:Arial">BATIK</text>
|
|
</clipPath>
|
|
|
|
</defs>
|
|
|
|
<rect x="100" y="160" width="200" height="45" style="fill:url(#grad); clip-path:url(#clip)" />
|
|
<text x="300" y="200" style="font-size:12px; filter:none; fill:black">(System font)</text>
|
|
|
|
<rect x="100" y="260" width="200" height="45" style="fill:url(#grad); clip-path:url(#svgClip)" />
|
|
<text x="300" y="300" style="font-size:12px; filter:none; fill:black">(SVG font)</text>
|
|
|
|
</g>
|
|
|
|
|
|
<!-- ============================================================= -->
|
|
<!-- Batik sample mark -->
|
|
<!-- ============================================================= -->
|
|
<use xlink:href="../resources/batikLogo.svg#Batik_Tag_Box" />
|
|
|
|
</svg>
|