PageLayout_Inkscape.svg
image/svg+xml
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="580" height="280" viewBox="0 0 580 280" version="1.1" id="svg53" sodipodi:docname="PageLayout_Inkscape.svg" inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata id="metadata57">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="640" inkscape:window-height="480" id="namedview55" showgrid="false" inkscape:zoom="1.2896552" inkscape:cx="329.04306" inkscape:cy="137.84105" inkscape:current-layer="svg53" />
<style type="text/css" id="style2">
.text_small {font-style:normal;
font-weight:normal;
font-size:11px;
font-family:"Open Sans", sans-serif;
fill:black;
}
.text_normal {font-style:normal;
font-weight:normal;
font-size:14px;
font-family:"Open Sans", sans-serif;
fill:black;
}
.text_big {font-style:normal;
font-weight:normal;
font-size:28px;
font-family:"Open Sans", sans-serif;
fill:black;
}
.text_comment {font-style:italic;
font-weight:normal;
font-size:14px;
font-family:"Open Sans", sans-serif;
fill:black;
}
.text_mono {font-style:normal;
font-weight:normal;
font-size:14px;
font-family:monospace, monospace;
white-space:pre;
fill:black;
}
</style>
<defs id="defs7">
<marker id="a" markerHeight="10" markerWidth="10" orient="auto" refY="5">
<path d="m0 0 10 5-10 5 3-5z" id="path4" />
</marker>
</defs>
<!-- border and background -->
<rect x="1" y="1" width="99.4%" height="99.4%" rx="1%" fill="whitesmoke" stroke="#CCCCCC" id="rect9" />
<!-- fill="hsl(0, 0%, 97%)" stroke="hsl(0, 0%, 80%)" /> -->
<!-- outer rectangle and texts -->
<rect x="20" y="80" width="500" height="150" fill="white" stroke="black" id="rect11" />
<text class="text_big" x="178" y="50" id="text13">Page Layout</text>
<text class="text_mono" x="540" y="125" transform="rotate(90 540 125)" id="text15">8 k B</text>
<text class="text_normal" x="392" y="144" id="text17">Free space</text>
<!-- first line -->
<rect x="20" y="80" width="90" height="30" fill="lime" stroke="black" id="rect19" />
<text class="text_normal" x="30" y="100" id="text21">Header</text>
<rect x="110" y="80" width="60" height="30" fill="cornflowerblue" stroke="black" id="rect23" />
<text class="text_normal" x="115" y="100" id="text25">ItemId</text>
<rect x="170" y="80" width="60" height="30" fill="cornflowerblue" stroke="black" id="rect27" />
<text class="text_normal" x="175" y="100" id="text29">ItemId</text>
<path d="m235 95h78" style="marker-end:url(#a);stroke-dasharray:5, 5" stroke="black" id="path31" />
<path d="m184 105-71 85" style="marker-end:url(#a)" fill="none" stroke="black" id="path33" />
<path d="m138 105 202 85" style="marker-end:url(#a)" fill="none" stroke="black" id="path35" />
<!-- last line -->
<path d="m100 215h-30" style="marker-end:url(#a);stroke-dasharray:5, 5" stroke="black" id="path37" />
<rect x="105" y="200" width="245" height="30" style="fill:#80BFFF" stroke="black" id="rect39" />
<!-- fill:hsl(210, 100%, 75%) -->
<text class="text_normal" x="121" y="220" id="text41">Item</text>
<rect x="345" y="200" width="85" height="30" style="fill:#80BFFF" stroke="black" id="rect43" />
<!-- fill:hsl(210, 100%, 75%) -->
<text class="text_normal" x="352" y="220" id="text45">Item</text>
<rect x="430" y="200" width="90" height="30" style="fill:springgreen" stroke="black" id="rect47" />
<text class="text_normal" x="440" y="220" id="text49">Special</text>
<!-- explanation -->
<text class="text_small" x="100" y="260" id="text51">Content grows from start to center and from end to center.</text>
</svg>