examples/readme/connect_elements_sides_offset.svg

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="150" viewBox="0 0 300 150" version="1.1"><rect width="80" height="40" x="5" y="90" id="rect_left" style="fill: #d9737a; "/><rect width="80" height="40" x="50" y="20" id="rect_left_top" style="fill: #d9737a; "/><rect width="40" height="20" x="130" y="90" id="rect_left_bottom" style="fill: #d9737a; "/><rect width="80" height="40" x="135" y="20" id="rect_right_top" style="fill: #d9737a; "/><rect width="40" height="20" x="175" y="90" id="rect_right_bottom" style="fill: #d9737a; "/><path d="M 128,90 128,110 87,130 87,90 Z" id="connector_1" style="fill: #861a22; "/><path d="M 50,62 130,62 170,88 130,88 Z" id="connector_2" style="fill: #861a22; "/><path d="M 175,88 215,88 215,62 135,62 Z" id="connector_3" style="fill: #861a22; "/></svg>