alchi/src/images/alchi.pallas-pattern.doublelines.svg

214 lines
8.2 KiB
XML

<svg title="pallas-pattern.doublelines"
viewBox="0 0 800 800"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<style type="text/css">
svg { --fg: black; --bg: white; } /* light mode */
.fig1 .stroke {
stroke-width: 2;
stroke: black; /* fallback when css variables are not supported */
stroke: var(--fg);
}
.nofill {
fill: none;
}
.fillbg {
fill: white;
fill: var(--bg);
}
.fillfg {
fill: black;
fill: var(--fg);
}
</style>
</defs>
<g class="fig1">
<g title="Pattern lines" stroke-width="2" fill="none" stroke="black" class="stroke nofill">
<g title="doublelines pattern">
<g title="single lines">
<g title="single lines center">
<path title="right" d="M 500 360 L 500 440"/>
<path title="left" d="M 300 360 L 300 440"/>
<path title="bottom" d="M 440 500 L 360 500"/>
<path title="top" d="M 360 300 L 440 300"/>
</g>
<g title="single lines offscreen squares">
<!-- single lines center + translate by 400 -->
<g title="right" transform="translate(400 0)">
<path title="left" d="M 300 360 L 300 440"/>
<path title="bottom" d="M 440 500 L 360 500"/>
<path title="top" d="M 360 300 L 440 300"/>
</g>
<g title="left" transform="translate(-400 0)">
<path title="right" d="M 500 360 L 500 440"/>
<path title="bottom" d="M 440 500 L 360 500"/>
<path title="top" d="M 360 300 L 440 300"/>
</g>
<g title="top" transform="translate(0 -400)">
<path title="right" d="M 500 360 L 500 440"/>
<path title="left" d="M 300 360 L 300 440"/>
<path title="bottom" d="M 440 500 L 360 500"/>
<!--
<path title="top" d="M 360 300 L 440 300"/>
-->
</g>
<g title="bottom" transform="translate(0 400)">
<path title="right" d="M 500 360 L 500 440"/>
<path title="left" d="M 300 360 L 300 440"/>
<path title="top" d="M 360 300 L 440 300"/>
</g>
<g title="top left" transform="translate(-400 -400)">
<path title="right" d="M 500 360 L 500 440"/>
<path title="bottom" d="M 440 500 L 360 500"/>
</g>
<g title="top right" transform="translate(400 -400)">
<path title="left" d="M 300 360 L 300 440"/>
<path title="bottom" d="M 440 500 L 360 500"/>
</g>
<g title="bottom left" transform="translate(-400 400)">
<path title="right" d="M 500 360 L 500 440"/>
<path title="top" d="M 360 300 L 440 300"/>
</g>
<g title="bottom right" transform="translate(400 400)">
<path title="left" d="M 300 360 L 300 440"/>
<path title="top" d="M 360 300 L 440 300"/>
</g>
</g>
</g>
<g title="double lines">
<g display="none" title="double lines center">
<path title="right left" d="M 490 360 L 490 440"/>
<path title="right right" d="M 510 360 L 510 440"/>
<path title="left left" d="M 290 360 L 290 440"/>
<path title="left right" d="M 310 360 L 310 440"/>
<path title="bottom top" d="M 440 490 L 360 490"/>
<path title="bottom bottom" d="M 440 510 L 360 510"/>
<path title="top bottom" d="M 360 310 L 440 310"/>
<path title="top top" d="M 360 290 L 440 290"/>
</g>
<g title="double lines outside squares">
<!-- copy paste. different transform values -->
<g title="top left" transform="translate(-200 -200)">
<title>top-left double lines</title>
<path title="right left" d="M 490 360 L 490 440"/>
<path title="right right" d="M 510 360 L 510 440"/>
<path title="left left" d="M 290 360 L 290 440"/>
<path title="left right" d="M 310 360 L 310 440"/>
<path title="bottom top" d="M 440 490 L 360 490"/>
<path title="bottom bottom" d="M 440 510 L 360 510"/>
<path title="top bottom" d="M 360 310 L 440 310"/>
<path title="top top" d="M 360 290 L 440 290"/>
</g>
<g title="top left" transform="translate(200 -200)">
<title>top-left double lines</title>
<path title="right left" d="M 490 360 L 490 440"/>
<path title="right right" d="M 510 360 L 510 440"/>
<path title="left left" d="M 290 360 L 290 440"/>
<path title="left right" d="M 310 360 L 310 440"/>
<path title="bottom top" d="M 440 490 L 360 490"/>
<path title="bottom bottom" d="M 440 510 L 360 510"/>
<path title="top bottom" d="M 360 310 L 440 310"/>
<path title="top top" d="M 360 290 L 440 290"/>
</g>
<g title="top left" transform="translate(-200 200)">
<title>top-left double lines</title>
<path title="right left" d="M 490 360 L 490 440"/>
<path title="right right" d="M 510 360 L 510 440"/>
<path title="left left" d="M 290 360 L 290 440"/>
<path title="left right" d="M 310 360 L 310 440"/>
<path title="bottom top" d="M 440 490 L 360 490"/>
<path title="bottom bottom" d="M 440 510 L 360 510"/>
<path title="top bottom" d="M 360 310 L 440 310"/>
<path title="top top" d="M 360 290 L 440 290"/>
</g>
<g title="top left" transform="translate(200 200)">
<title>top-left double lines</title>
<path title="right left" d="M 490 360 L 490 440"/>
<path title="right right" d="M 510 360 L 510 440"/>
<path title="left left" d="M 290 360 L 290 440"/>
<path title="left right" d="M 310 360 L 310 440"/>
<path title="bottom top" d="M 440 490 L 360 490"/>
<path title="bottom bottom" d="M 440 510 L 360 510"/>
<path title="top bottom" d="M 360 310 L 440 310"/>
<path title="top top" d="M 360 290 L 440 290"/>
</g>
</g>
</g>
</g>
</g>
<g title="circles and text">
<g title="circles" stroke-width="2" fill="none" stroke="black" class="stroke nofill">
<title>Circles</title>
<circle cx="100" cy="100" r="60"/>
<circle cx="300" cy="100" r="60"/>
<circle cx="500" cy="100" r="60"/>
<circle cx="700" cy="100" r="60"/>
<circle cx="100" cy="300" r="60"/>
<circle cx="300" cy="300" r="60"/>
<circle cx="500" cy="300" r="60"/>
<circle cx="700" cy="300" r="60"/>
<circle cx="100" cy="500" r="60"/>
<circle cx="300" cy="500" r="60"/>
<circle cx="500" cy="500" r="60"/>
<circle cx="700" cy="500" r="60"/>
<circle cx="100" cy="700" r="60"/>
<circle cx="300" cy="700" r="60"/>
<circle cx="500" cy="700" r="60"/>
<circle cx="700" cy="700" r="60"/>
</g>
<g title="text" dominant-baseline="middle" text-anchor="middle" font-family="sans" font-size="40" class="fillfg">
<text fill="black" x="100" y="100">F1L</text>
<text fill="black" x="300" y="100">M2L</text>
<text fill="black" x="500" y="100">F4L</text>
<text fill="black" x="700" y="100">M3L</text>
<text fill="black" x="100" y="300">F2S</text>
<text fill="black" x="300" y="300">M1S</text>
<text fill="black" x="500" y="300">F3S</text>
<text fill="black" x="700" y="300">M4S</text>
<text fill="black" x="100" y="500">F3L</text>
<text fill="black" x="300" y="500">M4L</text>
<text fill="black" x="500" y="500">F2L</text>
<text fill="black" x="700" y="500">M1L</text>
<text fill="black" x="100" y="700">F4S</text>
<text fill="black" x="300" y="700">M3S</text>
<text fill="black" x="500" y="700">F1S</text>
<text fill="black" x="700" y="700">M2S</text>
</g>
</g>
</g>
</svg>