fix(docs): Correctly translate SVG architecture image
This commit is contained in:
parent
f9d4a3b971
commit
845c75b538
|
|
@ -1,78 +1,86 @@
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="203.36" height="143.44" version="1.1" viewBox="0 0 203.36 143.44">
|
<svg width="650" height="500" viewBox="0 0 650 500" xmlns="http://www.w3.org/2000/svg">
|
||||||
<g transform="translate(-2.88 -78.28)">
|
<defs>
|
||||||
<g stroke-width=".26458">
|
<style>
|
||||||
<g fill="#fff" stroke="#000">
|
.box {
|
||||||
<rect x="3.14" y="78.54" width="88.9" height="21.16" rx="2" ry="2"/>
|
fill: #f0f7ff;
|
||||||
<rect x="3.14" y="105.4" width="88.9" height="21.16" rx="2" ry="2"/>
|
stroke: #0d47a1;
|
||||||
<rect x="3.14" y="132.26" width="88.9" height="21.16" rx="2" ry="2"/>
|
stroke-width: 1.5;
|
||||||
</g>
|
rx: 8;
|
||||||
<text x="47.59" y="86.9" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
}
|
||||||
<tspan x="47.59" y="86.9" text-anchor="middle">Control Layer</tspan>
|
.label-main {
|
||||||
<tspan x="47.59" y="93.45" text-anchor="middle">(Home Assistant)</tspan>
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||||
</text>
|
font-size: 16px;
|
||||||
<text x="47.59" y="113.76" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
font-weight: 500;
|
||||||
<tspan x="47.59" y="113.76" text-anchor="middle">Gateway Layer</tspan>
|
text-anchor: middle;
|
||||||
<tspan x="47.59" y="120.31" text-anchor="middle">(ESP32)</tspan>
|
fill: #111;
|
||||||
</text>
|
}
|
||||||
<text x="47.59" y="140.62" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
.label-sub {
|
||||||
<tspan x="47.59" y="140.62" text-anchor="middle">Actor/Sensor Layer</tspan>
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||||
<tspan x="47.59" y="147.17" text-anchor="middle">(Slaves)</tspan>
|
font-size: 12px;
|
||||||
</text>
|
text-anchor: middle;
|
||||||
</g>
|
fill: #444;
|
||||||
<path d="m47.59 99.7v5.7m-2.82-2.88h5.64" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1.0583"/>
|
}
|
||||||
<path d="m47.59 126.56v5.7m-2.82-2.88h5.64" fill="none" stroke="#000" stroke-linecap="round" stroke-width="1.0583"/>
|
.label-arrow {
|
||||||
<g stroke-width=".26458">
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
|
||||||
<g transform="translate(100.58 -2.64)">
|
font-size: 13px;
|
||||||
<g fill="#fff" stroke="#000">
|
text-anchor: middle;
|
||||||
<rect x="3.14" y="108.04" width="88.9" height="21.16" rx="2" ry="2"/>
|
fill: #333;
|
||||||
<rect x="3.14" y="134.9" width="88.9" height="21.16" rx="2" ry="2"/>
|
}
|
||||||
<rect x="3.14" y="161.76" width="88.9" height="21.16" rx="2" ry="2"/>
|
.arrow-line {
|
||||||
<rect x="3.14" y="188.62" width="88.9" height="21.16" rx="2" ry="2"/>
|
stroke: #333;
|
||||||
</g>
|
stroke-width: 2;
|
||||||
<text x="47.59" y="118.94" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
}
|
||||||
<tspan x="47.59" y="118.94" text-anchor="middle">Level Sensor</tspan>
|
.arrow-head {
|
||||||
<tspan x="47.59" y="125.49" font-size="4.23" text-anchor="middle">(MODBUS Slave)</tspan>
|
fill: #333;
|
||||||
</text>
|
}
|
||||||
<text x="47.59" y="145.8" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
.bus-line {
|
||||||
<tspan x="47.59" y="145.8" text-anchor="middle">Valve Control 1</tspan>
|
stroke: #212121;
|
||||||
<tspan x="47.59" y="152.35" font-size="4.23" text-anchor="middle">(MODBUS Slave)</tspan>
|
stroke-width: 4;
|
||||||
</text>
|
}
|
||||||
<text x="47.59" y="172.66" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
.bus-connector {
|
||||||
<tspan x="47.59" y="172.66" text-anchor="middle">Valve Control n</tspan>
|
stroke: #212121;
|
||||||
<tspan x="47.59" y="179.21" font-size="4.23" text-anchor="middle">(MODBUS Slave)</tspan>
|
stroke-width: 2;
|
||||||
</text>
|
}
|
||||||
<text x="47.59" y="199.52" font-family="sans-serif" font-size="5.64" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
</style>
|
||||||
<tspan x="47.59" y="199.52" text-anchor="middle">Pump</tspan>
|
<marker id="arrowhead" viewBox="0 0 10 10" refX="5" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse">
|
||||||
<tspan x="47.59" y="206.07" font-size="4.23" text-anchor="middle">(switched via Slave)</tspan>
|
<path d="M 0 0 L 10 5 L 0 10 z" fill="#333" />
|
||||||
</text>
|
</marker>
|
||||||
</g>
|
</defs>
|
||||||
<path d="m148.17 132.26v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
|
|
||||||
<path d="m148.17 159.12v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
|
<text x="325" y="30" class="label-main" font-size="20">Systemarchitektur</text>
|
||||||
<path d="m148.17 185.98v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
|
|
||||||
<path d="m148.17 212.84v-18.52m-2.82 2.82 2.82-2.82 2.82 2.82" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width=".529"/>
|
<rect x="225" y="60" width="200" height="70" class="box"/>
|
||||||
</g>
|
<text x="325" y="90" class="label-main">Home Assistant</text>
|
||||||
<g fill="none" stroke="#000" stroke-width=".52917">
|
<text x="325" y="110" class="label-sub">(Logik & UI)</text>
|
||||||
<path d="m92.04 89.12h10.58"/>
|
|
||||||
<path d="m92.04 116h10.58"/>
|
<line x1="325" y1="130" x2="325" y2="170" class="arrow-line" marker-end="url(#arrowhead)"/>
|
||||||
</g>
|
<text x="445" y="155" class="label-arrow">WLAN / Thread</text>
|
||||||
<path d="m102.62 89.12v-5.29h45.55v26.45" fill="none" stroke="#000" stroke-width=".52917"/>
|
<text x="445" y="170" class="label-arrow" font-size="11">(MODBUS TCP/IP)</text>
|
||||||
<path d="m102.62 116h45.55v-23.8h-45.55z" fill="#fff" stroke="#000" stroke-width=".26458"/>
|
|
||||||
<text x="125.4" y="100.3" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
|
||||||
<tspan x="125.4" y="100.3" text-anchor="middle">Home Network</tspan>
|
<rect x="225" y="180" width="200" height="70" class="box"/>
|
||||||
<tspan x="125.4" y="105.11" text-anchor="middle">(WLAN / Thread)</tspan>
|
<text x="325" y="210" class="label-main">Gateway (ESP32C6)</text>
|
||||||
</text>
|
<text x="325" y="230" class="label-sub">(Protocol Translator)</text>
|
||||||
<text x="125.4" y="114.09" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
|
||||||
<tspan x="125.4" y="114.09" text-anchor="middle">MODBUS TCP/IP</tspan>
|
<line x1="325" y1="250" x2="325" y2="300" class="bus-line"/>
|
||||||
</text>
|
<line x1="50" y1="300" x2="600" y2="300" class="bus-line"/>
|
||||||
<path d="m102.62 142.84h45.55v-23.8h-45.55z" fill="#fff" stroke="#000" stroke-width=".26458"/>
|
<text x="500" y="285" class="label-arrow">RS485 Bus (MODBUS RTU)</text>
|
||||||
<text x="125.4" y="127.15" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
|
||||||
<tspan x="125.4" y="127.15" text-anchor="middle">Gateway</tspan>
|
<line x1="125" y1="300" x2="125" y2="340" class="bus-connector"/>
|
||||||
<tspan x="125.4" y="131.96" text-anchor="middle">(Protocol Translator)</tspan>
|
<rect x="50" y="340" width="150" height="60" class="box"/>
|
||||||
</text>
|
<text x="125" y="365" class="label-main">Slave-Node</text>
|
||||||
<text x="125.4" y="140.94" font-family="sans-serif" font-size="4.23" letter-spacing="0" stroke-width=".26458" text-align="center" word-spacing="0">
|
<text x="125" y="385" class="label-sub">(Ventil, Taster)</text>
|
||||||
<tspan x="125.4" y="140.94" text-anchor="middle">MODBUS RTU</tspan>
|
|
||||||
<tspan x="125.4" y="145.75" text-anchor="middle">(RS485 Bus)</tspan>
|
<line x1="325" y1="300" x2="325" y2="340" class="bus-connector"/>
|
||||||
</text>
|
<rect x="250" y="340" width="150" height="60" class="box"/>
|
||||||
<path d="m92.04 142.84h10.58"/>
|
<text x="325" y="365" class="label-main">Slave-Node</text>
|
||||||
</g>
|
<text x="325" y="385" class="label-sub">(Pumpe, Sensoren)</text>
|
||||||
|
|
||||||
|
<line x1="525" y1="300" x2="525" y2="340" class="bus-connector"/>
|
||||||
|
<rect x="450" y="340" width="150" height="60" class="box"/>
|
||||||
|
<text x="525" y="365" class="label-main">Level Sensor</text>
|
||||||
|
<text x="525" y="385" class="label-sub">(QDY30A)</text>
|
||||||
|
|
||||||
|
<text x="325" y="440" class="label-sub" font-size="20">...</text>
|
||||||
|
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 3.1 KiB |
Loading…
Reference in New Issue