00-连通-02-桥与绕路.svg 1.4 KB

123456789
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 280" role="img" aria-labelledby="title desc">
  2. <title id="title">环边的替代路线与桥</title><desc id="desc">左侧三角形的任意边有替代路线,连接右侧环的一条边是桥。</desc>
  3. <style>text{font-family:system-ui,sans-serif;fill:#172033}.edge{stroke:#64748b;stroke-width:5;fill:none}.bridge{stroke:#dc2626;stroke-width:7}.node{fill:#fff;stroke:#2563eb;stroke-width:4}.note{font-size:19px}.label{font-size:24px;font-weight:700}</style>
  4. <text x="28" y="34" class="note">左边删一条仍可绕环;红边一删,左右两坨再也见不着。</text>
  5. <path class="edge" d="M105 160 L225 70 L280 210 Z"/><path class="bridge" d="M280 210 L455 170"/><path class="edge" d="M455 170 L570 75 L690 180 Z"/>
  6. <circle class="node" cx="105" cy="160" r="21"/><circle class="node" cx="225" cy="70" r="21"/><circle class="node" cx="280" cy="210" r="21"/><circle class="node" cx="455" cy="170" r="21"/><circle class="node" cx="570" cy="75" r="21"/><circle class="node" cx="690" cy="180" r="21"/>
  7. <text class="label" x="96" y="169">A</text><text class="label" x="216" y="79">B</text><text class="label" x="271" y="219">C</text><text class="label" x="446" y="179">D</text><text class="label" x="561" y="84">E</text><text class="label" x="681" y="189">F</text>
  8. <text x="321" y="238" fill="#dc2626" style="font-family:system-ui,sans-serif;font-size:20px;font-weight:700">桥</text>
  9. </svg>