asciidiagram-1.0: docimages/styleExample.svg

<?xml version='1.0' ?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="465.0" height="159.0">
  <style type="text/css">text {
  font-family: Consolas , &quot;DejaVu Sans Mono&quot; , monospace;
  font-size: 16.0px;
}
.dashed_elem {
  stroke-dasharray: 4.0 , 3.0;
}
.filled_shape {
  fill: url(#shape_light);
}
.bullet {
  stroke-width: 1.0px;
  fill: #FFFFFF;
  stroke: #000000;
}
.dst {
  stroke: #FFAAAA;
  stroke-width: 3.0px;
}
.src {
  fill: #AAAAFF;
}
</style>
  <defs>
    <linearGradient id="shape_light" x2="0%" y2="100%">
      <stop offset="0%" stop-color="#F5F5F5" />
      <stop offset="100%" stop-color="#D8D8D8" />
    </linearGradient>
  </defs>
  <path stroke-width="1.0" stroke="#000000" class="filled_shape src" d="M21.5,28.0 L21.5,42.0 L21.5,54.5 L100.0,54.5 L108.5,54.5 L108.5,42.0 L108.5,28.0 L108.5,15.5 L30.0,15.5 L21.5,15.5 Z" />
  <rect stroke-width="1.0" stroke="#000000" class="filled_shape dst" width="67.0" height="39.0" x="21.5" y="85.5" />
  <g stroke-width="1.0" stroke="#000000" class="filled_shape">
    <path class="" d="M131.5,84.0 L131.5,84.0 L131.5,96.5 L200.0,96.5 L208.5,96.5 L208.5,84.0 L208.5,71.5 L140.0,71.5 L131.5,71.5 Z" />
    <circle class="bullet" cx="208.5" cy="71.5" r="3.0" />
  </g>
  <path stroke-width="1.0" stroke="#000000" class="filled_shape" d="M211.5,28.0 L211.5,28.0 S210.0,42.0 220.0,40.5 L240.0,40.5 L250.0,40.5 L290.0,40.5 S300.0,42.0 298.5,28.0 L298.5,28.0 L298.5,15.5 L220.0,15.5 L211.5,15.5 Z" />
  <g stroke-width="1.0" stroke="#000000" fill="none" class="line_element">
    <path class="" d="M200.0,28.0 L200.0,28.0 L120.0,28.0 L110.0,28.0" />
    <path stroke-width="0.0" stroke="none" fill="#000000" class="" d="M200.0,21.0 L210.0,28.0 L200.0,35.0 Z" />
  </g>
  <path stroke-width="1.0" stroke="#000000" fill="none" class="line_element" d="M250.0,42.0 L250.0,42.0" />
  <g stroke-width="1.0" stroke="#000000" fill="none" class="line_element">
    <path class="" d="M250.0,42.0 L250.0,42.0 L250.0,56.0 S250.0,70.0 240.0,70.0 L230.0,70.0 L220.0,70.0" />
    <path stroke-width="0.0" stroke="none" fill="#000000" class="" d="M220.0,63.0 L210.0,70.0 L220.0,77.0 Z" />
  </g>
  <g stroke-width="1.0" stroke="#000000" fill="none" class="line_element">
    <path class="" d="M120.0,84.0 L110.0,84.0 L100.0,84.0" />
    <path stroke-width="0.0" stroke="none" fill="#000000" class="" d="M100.0,77.0 L90.0,84.0 L100.0,91.0 Z" />
  </g>
  <text class="" x="35.5" y="35.5">Source </text>
  <text class="" x="225.5" y="35.5">op1 </text>
  <text class="" x="95.5" y="49.5"></text>
  <text class="" x="145.5" y="91.5">op2 </text>
  <text class="" x="35.5" y="105.5">Dest </text>
  <text class="" x="85.5" y="119.5"></text>
</svg>