blob: 775eb508bb57a644ad3dd57a6e6302db476fa6d3 (
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
<?xml version="1.0" encoding="UTF-8"?>
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
<fo:layout-master-set>
<fo:simple-page-master
margin-right="1.5cm"
margin-left="1.5cm"
margin-bottom="2cm"
margin-top="1cm"
page-width="21cm"
page-height="29.7cm"
master-name="first">
<fo:region-before extent="1cm"/>
<fo:region-body margin-top="1cm"/>
<fo:region-after extent="1.5cm"/>
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-name="first">
<fo:static-content flow-name="xsl-region-before">
<fo:block line-height="14pt" font-size="10pt"
text-align="end">External SVG examples</fo:block>
</fo:static-content>
<fo:static-content flow-name="xsl-region-after">
<fo:block line-height="14pt" font-size="10pt"
text-align="end">Page <fo:page-number/></fo:block>
</fo:static-content>
<fo:flow flow-name="xsl-region-body">
<fo:block text-align="center" font-weight="bold" font-size="14pt" space-before.optimum="3pt" space-after.optimum="15pt">
External SVG
</fo:block>
<fo:block space-before.optimum="3pt" space-after.optimum="20pt">
</fo:block>
<fo:block text-align="center">
Some examples of how to reference external SVG images in your FO documents
</fo:block>
<fo:block break-before="page" space-after.optimum="10pt" font-weight="bold" font-size="12pt">
Introduction
</fo:block>
<fo:block>
This document shows some examples of how an SVG document can be in an external svg file
which is referenced using the fo:external-graphic.
</fo:block>
<fo:block>
</fo:block>
<fo:block space-after.optimum="10pt" font-weight="bold" font-size="12pt">
Examples
</fo:block>
<fo:block>
The following svg document is obtained from an external file using the fo:external-graphic.
</fo:block>
<fo:block>
<fo:external-graphic src="file:boxes.svg"/>
</fo:block>
<fo:block>
This svg document (<fo:external-graphic src="file:multi.svg"/>) is also obtained from
an external file using the fo:external-graphic. It has another svg image inside and references
part of another svg image.
</fo:block>
<fo:block>
This inline svg document (
<fo:instream-foreign-object>
<svg xmlns="http://www.w3.org/2000/svg" width="60" height="40" xml:space="preserve">
<g style="fill:none;stroke:yellow">
<rect x="0" y="0" width="25" height="25"/>
<image xlink:href="file:boxes.svg" x="10" y="10" width="20" height="20"/>
</g>
<g>
<use xlink:href="file:ref.svg#FOP" transform="scale(1.5)" x="18" y="40"/>
</g>
</svg>
</fo:instream-foreign-object>
) has an external svg image inside and references part of another svg image.
</fo:block>
<fo:block>
Apart from this external svg images should behave in the same way that other types of
external graphics do.
</fo:block>
</fo:flow>
</fo:page-sequence>
</fo:root>
|
