User Tools

Site Tools


playground:svg

SVG Demo - Stack diagram

drawn here: https://editor.method.ac/
or more advanced one: https://svg-edit.github.io/svgedit/releases/latest/editor/svg-editor.html

stack_diagram.svg
<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 <!-- Created with Method Draw - http://github.com/duopixel/Method-Draw/ -->
 
 <g>
  <title>background</title>
  <rect height="402" width="582" y="-1" x="-1" fill="#fff" id="canvas_background"/>
  <g display="none" id="canvasGrid">
   <rect height="100%" width="100%" y="0" x="0" stroke-width="0" fill="url(#gridpattern)" id="svg_18"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <path d="m92.830017,88.24115l11.500092,7.980713l11.499908,-7.980713l-5.750114,0l0,-8.019287l-11.499916,0l0,8.019287l-5.749969,0z" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_1"/>
  <path d="m221.837524,208.303665c0,11.15625 -5.820007,20.200195 -12.999969,20.200195l0,16.160095l0,0c7.179962,0 12.999969,-9.043884 12.999969,-20.200134l0,-16.160156c0,-9.210999 -4.010132,-17.255981 -9.749969,-19.558716l0,-8.080994l-3.25,15.518585l3.25,16.802765l0,-8.080139l0,0c3.870453,1.552795 7.065918,5.785217 8.664948,11.478577" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_2"/>
  <rect height="36" width="119" y="38.27" x="41.5" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_3"/>
  <rect height="36" width="119" y="101.27" x="57.5" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_4"/>
  <rect height="36" width="119" y="165.27" x="71.5" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_5"/>
  <rect height="36" width="119" y="230.27" x="83.5" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_6"/>
  <path d="m104.830017,152.24115l11.500092,7.980713l11.499908,-7.980713l-5.750114,0l0,-8.019287l-11.499916,0l0,8.019287l-5.749969,0z" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_7"/>
  <path d="m116.830017,215.24115l11.500092,7.980713l11.499908,-7.980713l-5.750122,0l0,-8.019287l-11.499908,0l0,8.019287l-5.749969,0z" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_8"/>
  <path d="m208.837524,148.303665c0,11.15625 -5.820007,20.200195 -12.999969,20.200195l0,16.160095l0,0c7.179962,0 12.999969,-9.043884 12.999969,-20.200134l0,-16.160156c0,-9.210999 -4.010132,-17.255981 -9.749969,-19.558716l0,-8.080986l-3.25,15.518578l3.25,16.802765l0,-8.080139l0,0c3.870453,1.552795 7.065918,5.785217 8.664948,11.478577" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_9"/>
  <path d="m196.837524,82.303673c0,11.15625 -5.820007,20.200188 -12.999969,20.200188l0,16.160103l0,0c7.179962,0 12.999969,-9.043892 12.999969,-20.200142l0,-16.160149c0,-9.211006 -4.010132,-17.255989 -9.749969,-19.558723l0,-8.08099l-3.25,15.518581l3.25,16.802773l0,-8.080147l0,0c3.870453,1.552795 7.065918,5.78521 8.664948,11.478577" stroke-width="1.5" stroke="#000" fill="#fff" id="svg_10"/>
  <text xml:space="preserve" y="63.27" x="47.5" text-anchor="start" stroke-width="0" stroke-opacity="null" stroke="#000" fill="#000000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_11">Step 1</text>
  <text xml:space="preserve" y="126.27" x="63.5" stroke-width="0" stroke-opacity="null" stroke="#000" fill="#000000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_12">Step 2</text>
  <text xml:space="preserve" y="190.27" x="76.5" text-anchor="start" stroke="#000" fill-opacity="null" fill="#000000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_13">Step 3</text>
  <text xml:space="preserve" y="256.27" x="89.5" text-anchor="start" stroke-width="0" stroke="#000" fill="#000000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_14">Step 4</text>
  <text xml:space="preserve" y="223.27" x="236.5" text-anchor="start" stroke-width="0" fill="#000000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_15">Return 1</text>
  <text xml:space="preserve" y="159.27" x="222.5" text-anchor="start" stroke-width="0" stroke="#000" fill="#000000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_16">Return 2</text>
  <text xml:space="preserve" y="94.27" x="209.5" text-anchor="start" stroke-width="0" stroke="#000" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_17">Return 3</text>
  <text y="40" x="170" font-size="24px" font-family="Helvetica,Arial,sans-serif" id="svg_17">Stack Cleared</text>
 </g>
</svg>
playground/svg.txt · Last modified: 2019/04/09 19:38 by gerhard