'fop-0_20_5rc2'. git-svn-id: https://svn.apache.org/repos/asf/xmlgraphics/fop/tags/fop-0_20_5rc2@195968 13f79535-47bb-0310-9956-ffa450edef68tags/fop-0_20_5rc2^0
@@ -1,67 +0,0 @@ | |||
<?xml version="1.0" encoding="UTF-8"?> | |||
<!DOCTYPE document PUBLIC "-//APACHE//DTD Documentation V1.1//EN" | |||
"http://cvs.apache.org/viewcvs.cgi/*checkout*/xml-forrest/src/resources/schema/dtd/document-v11.dtd"> | |||
<document> | |||
<header> | |||
<title>FO Examples</title> | |||
</header> | |||
<body> | |||
<section> | |||
<title>Example Documents Using FOP</title> | |||
<p> | |||
These examples have been rendered using FOP. | |||
</p> | |||
</section> | |||
<section> | |||
<title>Images Examples</title> | |||
<p> | |||
Embedding images in FO: | |||
</p> | |||
<table> | |||
<caption>Images in FO</caption> | |||
<tr> | |||
<th>description</th> | |||
<th>fo file</th> | |||
<th>pdf result</th> | |||
</tr> | |||
<tr> | |||
<td>align in larger viewport</td> | |||
<td><link href="../fo/align.fo">align.fo</link></td> | |||
<td><link href="../fo/align.fo.pdf">align.fo.pdf</link></td> | |||
</tr> | |||
<tr> | |||
<td>align in smaller viewport</td> | |||
<td><link href="../fo/align2.fo">align2.fo</link></td> | |||
<td><link href="../fo/align2.fo.pdf">align2.fo.pdf</link></td> | |||
</tr> | |||
<tr> | |||
<td>scaling image</td> | |||
<td><link href="../fo/size.fo">size.fo</link></td> | |||
<td><link href="../fo/size.fo.pdf">size.fo.pdf</link></td> | |||
</tr> | |||
</table> | |||
</section> | |||
<section> | |||
<title>Instream Foreign Object Examples</title> | |||
<p> | |||
Instream Foreign Object images in FO, there are more on the | |||
<link href="svg.html">SVG Page</link>: | |||
</p> | |||
<table> | |||
<caption>Embedding instream-foreign-object</caption> | |||
<tr> | |||
<th>description</th> | |||
<th>fo file</th> | |||
<th>pdf result</th> | |||
</tr> | |||
<tr> | |||
<td>embedding svg in viewport</td> | |||
<td><link href="../fo/embed.fo">embed.fo</link></td> | |||
<td><link href="../fo/embed.fo.pdf">embed.fo.pdf</link></td> | |||
</tr> | |||
</table> | |||
</section> | |||
</body> | |||
</document> | |||
@@ -1,41 +0,0 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |||
<g> | |||
<text x="20" y="20" style="font-size:18">Images in SVG</text> | |||
<text x="20" y="35" style="font-size:12">Jpeg</text> | |||
<image x="30" y="55" width="100" height="80" xlink:href="logo.jpg"/> | |||
</g> | |||
<text x="20" y="160" style="font-size:12">Effect or Bitmap</text> | |||
<g> | |||
<defs> | |||
<filter id="Turb1" filterUnits="objectBoundingBox" | |||
x="0%" y="0%" width="100%" height="100%"> | |||
<feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="1"/> | |||
</filter> | |||
<filter id="Turb2" filterUnits="objectBoundingBox" | |||
x="0%" y="0%" width="100%" height="100%"> | |||
<feTurbulence type="fractalNoise" baseFrequency="0.15" numOctaves="1"/> | |||
</filter> | |||
</defs> | |||
<rect x="25" y="165" width="100" height="75" style="filter:url(#Turb1)" /> | |||
<text x="20" y="255" style="font-size:12">Transparency</text> | |||
<rect x="20" y="260" width="40" height="35" style="fill:blue" /> | |||
<text x="60" y="305" style="font-size:20;font-weight:bold">SEE</text> | |||
<rect x="25" y="265" width="100" height="75" style="filter:url(#Turb2)" /> | |||
<text x="200" y="35" style="font-size:12">Scaled</text> | |||
<g transform="scale(4)"> | |||
<rect x="55" y="15" width="25" height="18.75" style="filter:url(#Turb1)" /> | |||
</g> | |||
</g> | |||
</svg> | |||
@@ -1,30 +0,0 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |||
<g> | |||
<a xlink:href="#svgView(viewBox(110,110,80,80))"> | |||
<rect x="10" y="10" width="80" height="80" style="fill:darkred;stroke:black;stroke-width:3"/> | |||
<text x="15" y="60" style="font-size:18;fill:green">GREEN</text> | |||
</a> | |||
<a xlink:href="http://xml.apache.org/fop/"> | |||
<rect x="110" y="10" width="80" height="80" style="fill:lightblue;stroke:black;stroke-width:3"/> | |||
<text x="130" y="60" style="font-size:18;fill:blue">FOP</text> | |||
</a> | |||
<a xlink:href="images.svg#svgView(viewBox(0,0,200,200))"> | |||
<rect x="10" y="110" width="80" height="80" style="fill:yellow;stroke:black;stroke-width:3"/> | |||
<text x="20" y="150" style="font-size:14;fill:purple">Another</text> | |||
<text x="35" y="165" style="font-size:14;fill:purple">file</text> | |||
</a> | |||
<a xlink:href="#svgView(viewBox(10,10,80,80))"> | |||
<rect x="110" y="110" width="80" height="80" style="fill:darkgreen;stroke:black;stroke-width:3"/> | |||
<text x="130" y="160" style="font-size:18;fill:red">RED</text> | |||
</a> | |||
</g> | |||
</svg> | |||
@@ -1,83 +0,0 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |||
<g> | |||
<text x="20" y="20" style="font-size:18">Paints - Patterns & Gradients</text> | |||
<text x="10" y="35" style="font-size:12">Gradient</text> | |||
<defs> | |||
<linearGradient id="grad1" x1="0" y1="0" x2="1" y2="0"> | |||
<stop offset="0" style="stop-color:crimson" /> | |||
<stop offset="1" style="stop-color:gold" /> | |||
</linearGradient> | |||
<linearGradient id="grad2" x1="0" y1="0" x2="0" y2="1"> | |||
<stop offset="0" style="stop-color:crimson" /> | |||
<stop offset="0.4" style="stop-color:purple" /> | |||
<stop offset="1" style="stop-color:gold" /> | |||
</linearGradient> | |||
<linearGradient id="grad3" x1="0" y1="0" x2="1" y2="1"> | |||
<stop offset="0" style="stop-color:crimson" /> | |||
<stop offset="0.7" style="stop-color:blue" /> | |||
<stop offset="1" style="stop-color:gold" /> | |||
</linearGradient> | |||
<radialGradient id="rad" | |||
fx="20%" fy="30%" rx="10%" ry="30%" r="40%"> | |||
<stop offset="0" stop-color="gold" /> | |||
<stop offset="1" stop-color="green" stop-opacity="0.4"/> | |||
</radialGradient> | |||
</defs> | |||
<rect x="15" y="40" width="100" height="75" style="fill:url(#grad1)" /> | |||
<rect x="15" y="117.5" width="100" height="75" style="fill:url(#grad2)" /> | |||
<rect x="15" y="195" width="100" height="75" style="fill:url(#grad3)" /> | |||
<rect x="15" y="275" width="100" height="75" style="fill:url(#rad)" /> | |||
<text x="120" y="35" style="font-size:12">Pattern</text> | |||
<defs> | |||
<pattern id="pat1" x="0" y="0" width=".75" height="50%"> | |||
<circle cx="10" cy="10" r="10" style="fill:red" /> | |||
<rect x="10" y="10" width="15" height="15" style="fill:green"/> | |||
</pattern> | |||
<pattern id="pat2" x="0" y="0" width=".2" height="50%"> | |||
<circle cx="10" cy="10" r="10" style="fill:red" /> | |||
<rect x="10" y="10" width="15" height="15" style="fill:green"/> | |||
</pattern> | |||
<pattern id="pat3" x="0" y="0" width=".3" height="50%" patternTransform="matrix(1, 0.3, -0.5, 1, 5, 10)"> | |||
<circle cx="10" cy="10" r="10" style="fill:red" /> | |||
<rect x="10" y="10" width="15" height="15" style="fill:green"/> | |||
<text x="5" y="10" style="font-size:10">Patt</text> | |||
</pattern> | |||
<pattern id="see" x="0" y="0" width="25" height="25" patternUnits="userSpaceOnUse"> | |||
<circle cx="10" cy="10" r="10" style="fill:red" /> | |||
<rect x="10" y="10" width="15" height="15" style="fill:green;fill-opacity:0.5"/> | |||
</pattern> | |||
</defs> | |||
<rect x="125" y="40" width="100" height="75" style="fill:url(#pat1)" /> | |||
<rect x="125" y="117.5" width="100" height="75" style="fill:url(#pat2)" /> | |||
<rect x="125" y="195" width="100" height="75" style="fill:url(#pat3)" /> | |||
<rect x="125" y="275" width="100" height="75" style="fill:url(#see)" /> | |||
<defs> | |||
<pattern id="patgrad1" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> | |||
<circle cx="10" cy="10" r="10" style="fill:url(#grad1)" /> | |||
</pattern> | |||
<pattern id="patpat2" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> | |||
<circle cx="10" cy="10" r="10" style="fill:url(#pat2)" /> | |||
</pattern> | |||
<pattern id="patimage3" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"> | |||
<image x="0" y="0" width="10" height="10" xlink:href="logo.jpg"/> | |||
</pattern> | |||
</defs> | |||
<text x="230" y="35" style="font-size:12">Pattern in Pattern</text> | |||
<rect x="235" y="40" width="100" height="75" style="fill:url(#patgrad1)" /> | |||
<rect x="235" y="117.5" width="100" height="75" style="fill:url(#patpat2)" /> | |||
<rect x="235" y="195" width="100" height="75" style="fill:url(#patimage3)" /> | |||
</g> | |||
</svg> | |||
@@ -1,131 +0,0 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |||
<g> | |||
<text x="15" y="20" style="font-size:18">Various Text Elements</text> | |||
<text x="15" y="40" style="font-size:12;font-family:Helvetica">Normal Text in Helvetica,</text> | |||
<text x="152" y="40" style="font-size:12;font-family:Symbol">Symbol,</text> | |||
<text x="199" y="40" style="font-size:12;font-family:blah">Unknown,</text> | |||
<text x="257" y="40" style="font-size:12;font-family:Courier">Courier,</text> | |||
<text x="318" y="40" style="font-size:12;font-family:Arial">Arial</text> | |||
<g transform="translate(15,55) scale(0.25)"> | |||
<text x="0" y="0" style="font-size:40">Large Text (scaled)</text> | |||
</g> | |||
<text x="120" y="55" style="font-size:10">Normal Text (unscaled)</text> | |||
<text x="15" y="70" style="font-size:12.5">fractional Text</text> | |||
<text x="15" y="85" style="font-size:12;fill:red">Coloured Text</text> | |||
<text x="15" y="100" style="font-size:12;fill:none;stroke:red;stroke-width:0.4">Stroked Text</text> | |||
<text x="15" y="115" style="font-size:12;fill:blue;stroke:red;stroke-width:0.4">Stroked/Filled Text</text> | |||
<text x="15" y="130" style="font-size:12" text-decoration="overline">Overline Text</text> | |||
<text x="15" y="145" style="font-size:12" text-decoration="underline">Underline Text</text> | |||
<text x="15" y="160" style="font-size:12" text-decoration="line-through">Strikethrough Text</text> | |||
<text x="15" y="185" style="font-size:12">Text <tspan fill="blue" dy="-10">with</tspan> <tspan fill="green" dy="20">tspan</tspan></text> | |||
<defs> | |||
<path id="Path2" style="fill:none; stroke:blue;" transform="scale(0.15,0.15)" | |||
d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100"/> | |||
<path id="Path1" style="fill:none; stroke:blue;" transform="scale(0.30,0.50)" | |||
d="M 100 100 C100 0 400 00 400 100"/> | |||
</defs> | |||
<text transform="translate(20, 220)" font-size="15"> | |||
<textPath xlink:href="#Path2"><tspan baseline-shift="super" fill="green">super</tspan> and <tspan baseline-shift="sub" fill="red">sub</tspan>scripts</textPath> | |||
</text> | |||
<g transform="translate(150, 200)" style="font-weight:bold" id="fopdiamond"> | |||
<text transform="matrix(-0.34202 -0.93969 0.93969 -0.34202 47 45)">FOP</text> | |||
<text transform="matrix(0.34202 0.93969 -0.93969 0.34202 44 7)">FOP</text> | |||
<text transform="matrix(-0.34202 0.93969 -0.93969 -0.34202 52 23)">FOP</text> | |||
<text transform="matrix(0.34202 -0.93969 0.93969 0.34202 38 28)">FOP</text> | |||
</g> | |||
<g> | |||
<filter id="blur" filterUnits="objectBoundingBox" primitiveUnits="objectBoundingBox" x="-20%" y="-20%" width="120%" height="120%" > | |||
<feGaussianBlur stdDeviation="2 2" x="-10%" y="-10%" width="120%" height="120%" /> | |||
</filter> | |||
<text x="15" y="290" style="font-size:16;filter:url(#blur)">Filtered Text</text> | |||
</g> | |||
<g> | |||
<font horiz-adv-x="150" id="Batik"> | |||
<font-face | |||
font-family="FOPFont" | |||
units-per-em="240" | |||
ascent="190" | |||
descent="50" | |||
alphabetic="0"/> | |||
<missing-glyph horiz-adv-x="150" d="M20 0 V240 H100 V0 z"/> | |||
<glyph unicode=" " glyph-name=" " horiz-adv-x="100"/> | |||
<glyph unicode="F" glyph-name="F" horiz-adv-x="190"> | |||
<g transform="scale(1.5, -1.5) translate(0, -130)"> | |||
<g style="stroke:black;stroke-width:8"> | |||
<line x1="5" y1="20" x2="125" y2="20"/> | |||
<line x1="5" y1="40" x2="40" y2="40"/> | |||
<line x1="5" y1="60" x2="100" y2="60"/> | |||
<line x1="5" y1="85" x2="40" y2="85"/> | |||
<line x1="5" y1="110" x2="40" y2="110"/> | |||
</g> | |||
</g> | |||
</glyph> | |||
<glyph unicode="O" glyph-name="o" horiz-adv-x="185"> | |||
<g transform="scale(1.5, -1.5) translate(0, -130)"> | |||
<g style="stroke:black;stroke-width:8"> | |||
<line x1="50" y1="30" x2="80" y2="30"/> | |||
<line x1="30" y1="45" x2="100" y2="45"/> | |||
<line x1="20" y1="60" x2="110" y2="60"/> | |||
<line x1="30" y1="80" x2="100" y2="80"/> | |||
<line x1="50" y1="100" x2="80" y2="100"/> | |||
</g> | |||
</g> | |||
</glyph> | |||
<glyph unicode="P" glyph-name="p" horiz-adv-x="210"> | |||
<g transform="scale(1.5, -1.5) translate(0, -130)"> | |||
<g style="stroke:black;stroke-width:8"> | |||
<line x1="5" y1="20" x2="110" y2="20"/> | |||
<line x1="5" y1="40" x2="40" y2="40"/> | |||
<line x1="90" y1="40" x2="120" y2="40"/> | |||
<line x1="5" y1="60" x2="105" y2="60"/> | |||
<line x1="5" y1="85" x2="40" y2="85"/> | |||
<line x1="5" y1="110" x2="40" y2="110"/> | |||
</g> | |||
</g> | |||
</glyph> | |||
<hkern g1="F" g2="O" k="5"/> | |||
<hkern g1="O" g2="P" k="4"/> | |||
</font> | |||
<text x="15" y="310" font-family="FOPFont" font-size="12">FOP in FOPfont</text> | |||
</g> | |||
<text x="130" y="80" writing-mode="tb" font-size="12">vertical</text> | |||
<text x="140" y="80" writing-mode="tb" glyph-orientation-vertical="0deg" font-size="12">vertical</text> | |||
<text x="150" y="80" glyph-orientation-horizontal="90deg" font-size="12">orientated text</text> | |||
<text x="150" y="95" font-stretch="narrower" font-size="12">stretched font</text> | |||
<text x="150" y="110" letter-spacing="5" font-size="12">spaced letters</text> | |||
<text x="150" y="125" word-spacing="3pt" font-size="12">spaced words</text> | |||
<!-- empty element --> | |||
<text/> | |||
</g> | |||
</svg> | |||
@@ -1,48 +0,0 @@ | |||
<?xml version="1.0" encoding="iso-8859-1"?> | |||
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> | |||
<g> | |||
<text x="20" y="20" style="font-size:18">Transparency in SVG (to PDF)</text> | |||
<text x="20" y="35" style="font-size:12">Shapes</text> | |||
<rect x="30" y="55" width="100" height="80" style="fill:green;stroke:blue;stroke-width:3;fill-opacity:0.5;stroke-opacity:0.6"/> | |||
<rect x="80" y="95" width="100" height="80" style="fill:red;stroke:yellow;stroke-width:3;fill-opacity:0.5"/> | |||
</g> | |||
<g> | |||
<defs> | |||
<filter id="Turb" filterUnits="objectBoundingBox" | |||
x="0%" y="0%" width="100%" height="100%"> | |||
<feTurbulence type="fractalNoise" baseFrequency="0.1" numOctaves="1"/> | |||
</filter> | |||
</defs> | |||
<text x="20" y="205" style="font-size:12">Image</text> | |||
<rect x="20" y="210" width="40" height="35" style="fill:blue" /> | |||
<text x="60" y="255" style="font-size:20;font-weight:bold">SEE</text> | |||
<rect x="25" y="215" width="100" height="75" style="filter:url(#Turb)" /> | |||
</g> | |||
<text x="220" y="35" style="font-size:12">Text</text> | |||
<rect x="240" y="55" width="130" height="50" style="fill:blue"/> | |||
<text x="280" y="75" style="font-size:20;font-weight:bold;fill-opacity:0.6;fill:green">SEE</text> | |||
<text x="250" y="95" style="font-size:20;font-weight:bold;fill-opacity:0.4;fill:orange;stroke:red">THROUGH</text> | |||
<text x="220" y="205" style="font-size:12">Uniform Image Transparency</text> | |||
<defs> | |||
<filter id="matrixGreen" filterUnits="objectBoundingBox" | |||
x="0%" y="0%" width="100%" height="100%"> | |||
<feTurbulence type="turbulence" baseFrequency="0.05" numOctaves="2" stitchTiles="noStitch" seed="0" result="turb"/> | |||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 1" /> | |||
</filter> | |||
</defs> | |||
<rect x="240" y="225" width="100" height="75" style="opacity:0.4;filter:url(#matrixGreen)" /> | |||
</svg> | |||