- Modified the content of the NW diagram logic SVG to include "(arm-01-PVE)" below "CT230 OpenWrt". - Updated the text in the NW diagram phys SVG to use a span for "(arm-01-PVE)" and adjusted the color styling. - Changed the text representation of "CT230 OpenWrt" to "CT230 OpenWrt..." in both SVG files for consistency.
283 lines
24 KiB
XML
283 lines
24 KiB
XML
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="521px" height="542px" viewBox="-0.5 -0.5 521 542" content="<mxfile><diagram id="cVk01sGGlPbd241FdKL6" name="NW 構成図 (2025/7/22 更新)">1Vltc9o4EP41nrl+gJEt2yEfgbikM2lKj/TSflSwsDWRLUaIAPn1J9kStrHjow3EHJMJ2l29+dlnVytjwXGynXC0jL+yEFPLAeHWgjeW41z5QP5Xip1ReLki4iTMVXahmJFXrJV6XLQmIV5VOgrGqCDLqnLO0hTPRUWHOGebarcFo9VVlyjCNcVsjmhd+0hCEWutD0BhuMUkivXS18aQINNZK1YxCtmmpIKBBcecMZG3ku0YU4WdwSUf9/kN635jHKfiqAF6xErszMPhUD6rFlOWyq9RLBIqJVs25bx891MKoO8Z8ZcSjXCzrUg7LdU3ZlZmaz7XSzu5Su2g1EfvfIJZguWUsgPHFAnyUvUG0k6N9v32Q6eMyFUdoPnnGXdo+kHDRzOFQDzCQo8q0JON0jYKVYZpM776iV4QXevdToLet/sfNdQ5W6chDjVam5gIPFuiDJiNjKGqE94E8wVzgbet2Gmr61YxcAZa3pQIbVgal7jsgrfhrgDVgsrgkkgHdQLJfK7z0al5eCwwsEaXhxhLxZdUYJ5iUcOtBBJbC0pSPN7nPIXAglA6ZpTxrDscZx+pXwnOnnHJ4g8G9ghKS8RRSCRexqa9YdQ3hMvZCUszE1dU0ZOZTOgoTYyWaofJNlIHQF9ufcP486o/p2wdqn2xYgW5+iL7nIfZ/pHEPkwCf+K/65r/vg6nveCS6H5Vp/u5067pwhaLFX5vRr2qQWwF0BrIv+us4ViSxrlmKE2eNfCUyfGpfNpRSF5kM1LNv5YUUfTJWOS6JePF5Wf7WBqfIj/bsGvGlulpd1QWuOAAyjyMTlEWhNvJJgljZ/aa0nvMBrdOfN+DoGvUy3nCoF5JFLCrg7ERMLe9eFWnE4tYimhQaDvFr/kpwFnoPeQc7Uodloq2q+PZ7x3eHA76Q7e1v2zkOzhpiLjtien/4vHzJLRze9z3z+txg1+5+r3rzSY2AN704g7kvfwRB3LzeeHXQGmiul0het/x/oPreEvEz1L7VxEuUioGKeH3bvfHxgd0L+qYgfWSczqdsqChpnyIJS2j+MiaUj3fHXrCtEpWREmkrldzrG59UqFISuaIDrUhIWGYZTaOV+QVPWXzKTfoiJeTeyPLu2l0TCuVauGwf4emV7HKr6mawgT0gW+y9DvrMViNt+rwk9wlnHrGGUrIE6l6nMhgBrdT9+ISD/zIm0DDG4nHv+UoMAqg/312ceB4HwlOcyhdt5YobVV8NVEfm6ftSp6+OkGibk3K572ZvQ96t0bW8YOjrlXg2xKnj1yYxPzE928BEE96wO5N/wk+dc5m560baGdsNhOXz75x9zgNLi3qTUlfwukzx7hzpPzDGv+MSEmx+OEqP42LX/9g8C8=</diagram></mxfile>">
|
|
<defs/>
|
|
<g>
|
|
<g>
|
|
<path d="M 300 261 L 300 294.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 300 299.88 L 296.5 292.88 L 300 294.63 L 303.5 292.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="240" y="221" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 241px; margin-left: 241px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
GE-ONU
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="245" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
GE-ONU
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 300 61 L 300 94.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 300 99.88 L 296.5 92.88 L 300 94.63 L 303.5 92.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 344.6 61 C 353.59 59.98 360.01 52.22 358.93 43.68 C 357.85 35.15 349.69 29.05 340.69 30.08 C 340.59 17.32 331.17 6.35 318.03 3.67 C 304.89 1 291.56 7.35 285.97 18.95 C 281.82 14.44 275.23 12.74 269.25 14.64 C 263.28 16.53 259.08 21.64 258.61 27.6 C 248.89 27.26 240.72 34.46 240.36 43.68 C 240.01 52.91 247.59 60.66 257.3 61 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.47" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 31px; margin-left: 300px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#ffffff, #121212); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
|
|
The Internet
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="35" fill="#ffffff" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
The Internet
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 300 141 L 300 214.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 300 219.88 L 296.5 212.88 L 300 214.63 L 303.5 212.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 181px; margin-left: 300px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
|
|
MAP-E
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="184" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">
|
|
MAP-E
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="240" y="101" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 121px; margin-left: 241px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
ドコモ光
|
|
<div>
|
|
(plala)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="125" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
ドコモ光
|
|
(plala)
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 300 341 L 300 374.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 300 379.88 L 296.5 372.88 L 300 374.63 L 303.5 372.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 300 421 L 300 494.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 300 499.88 L 296.5 492.88 L 300 494.63 L 303.5 492.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 300 421 L 300 451 Q 300 461 290 461 L 150 461 Q 140 461 140 471 L 140 494.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 140 499.88 L 136.5 492.88 L 140 494.63 L 143.5 492.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<path d="M 300 421 L 300 451 Q 300 461 310 461 L 450 461 Q 460 461 460 471 L 460 494.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 460 499.88 L 456.5 492.88 L 460 494.63 L 463.5 492.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="240" y="381" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 401px; margin-left: 241px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
TL-SG1005P
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="405" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
TL-SG1005P
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 240 321 L 126.18 349.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 121.08 350.73 L 127.03 345.64 L 126.18 349.46 L 128.72 352.43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 342px; margin-left: 179px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; background-color: #ffffff; ">
|
|
<div style="display: inline-block; font-size: 11px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; background-color: light-dark(#ffffff, var(--ge-dark-color, #121212)); white-space: nowrap; ">
|
|
PPPoE
|
|
<div>
|
|
Through
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="179" y="345" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="11px" text-anchor="middle">
|
|
PPPoE...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="240" y="301" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 321px; margin-left: 241px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
Aterm WG1200HP4
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="325" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
Aterm WG1200HP4
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="240" y="501" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 521px; margin-left: 241px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
WRC BE36QS
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="300" y="525" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
WRC BE36QS
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<path d="M 120 371 L 233.82 399.46" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
<path d="M 238.92 400.73 L 231.28 402.43 L 233.82 399.46 L 232.97 395.64 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<rect x="0" y="341" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 361px; margin-left: 1px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
CT230 OpenWrt
|
|
<br/>
|
|
(arm-01-PVE)
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="60" y="365" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
CT230 OpenWrt...
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="80" y="501" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 521px; margin-left: 81px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
PC
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="140" y="525" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
PC
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
<g>
|
|
<rect x="400" y="501" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
|
|
</g>
|
|
<g>
|
|
<g transform="translate(-0.5 -0.5)">
|
|
<switch>
|
|
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
|
|
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 521px; margin-left: 401px;">
|
|
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
|
|
<div style="display: inline-block; font-size: 12px; font-family: "Helvetica"; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
|
|
Free
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</foreignObject>
|
|
<text x="460" y="525" fill="light-dark(#000000, #ffffff)" font-family=""Helvetica"" font-size="12px" text-anchor="middle">
|
|
Free
|
|
</text>
|
|
</switch>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
<switch>
|
|
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
|
|
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
|
|
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
|
|
Text is not SVG - cannot display
|
|
</text>
|
|
</a>
|
|
</switch>
|
|
</svg> |