Changes between Version 1 and Version 2 of vorlesung/storyboards

Timestamp:

Apr 12, 2018, 10:02:11 AM (7 years ago)

Author:

tr

Comment:

--

vorlesung/storyboards

@@ -16 +16 @@
 </style>
 <svg width="200px" class="drawing" viewbox="0 0 180 120" preserveAspectRatio="xMinYMin">
-  <rect x="40" y="20" width="100" height="80" fill="none" />
+  <text x="40" y="20" stroke-width="0.5">Name</text>
+  <rect x="40" y="25" width="100" height="80" fill="none" />
   Ihr Browser kann kein SVG.
 </svg>
@@ -154 +155 @@
 }
 </style>
-<svg width="300px" class="drawing" viewbox="-1 -1 300 282" preserveAspectRatio="xMinYMin">
+<svg width="300px" class="drawing" viewbox="-1 -1 300 297" preserveAspectRatio="xMinYMin">
 
  <g>
-
-  <rect fill="none" x="0" y="0" width="120" height="95" />
-  <rect fill="none" x="50" y="10" width="60" height="15" />
-  <rect fill="none" x="50" y="40" width="60" height="15" />
-  <rect fill="none" x="60" y="70" width="40" height="15" />
-  <text x="10" y="22" stroke-width="0.5">User</text>
-  <text x="10" y="52" stroke-width="0.5">Pwd</text>
-  <text x="70" y="82" stroke-width="0.5">OK</text>
+  <text x="0" y="10" stroke-width="0.5">Login</text>
+  <rect fill="none" x="0" y="15" width="120" height="95" />
+  <rect fill="none" x="50" y="25" width="60" height="15" />
+  <rect fill="none" x="50" y="55" width="60" height="15" />
+  <rect fill="none" x="60" y="85" width="40" height="15" />
+  <text x="10" y="37" stroke-width="0.5">User</text>
+  <text x="10" y="67" stroke-width="0.5">Pwd</text>
+  <text x="70" y="97" stroke-width="0.5">OK</text>
  </g>
  <g>
 
-  <rect fill="none" x="65" y="140" width="30" height="30" transform="rotate(45 80,155)" />
-
-  <g transform="translate(80,85)">
+  <g transform="translate(65,155)">
+    <rect fill="none" x="0" y="0" width="30" height="30" transform="rotate(45 15,15)" />
+  </g>
+
+  <g transform="translate(80,100)">
    <line x1="0" y1="0" x2="0" y2="50" />
    <line x1="0" y1="50" x2="-5" y2="40" />
@@ -177 +180 @@
   </g>
 
-  <g transform="translate(80,175)">
+  <g transform="translate(80,190)">
    <line x1="0" y1="0" x2="0" y2="50" />
    <line x1="0" y1="50" x2="-5" y2="40" />
@@ -184 +187 @@
   </g>
 
-  <g transform="translate(170,50) rotate(90)">
+  <g transform="translate(170,65) rotate(90)">
    <line x1="0" y1="0" x2="0" y2="50" />
    <line x1="0" y1="50" x2="-5" y2="40" />
    <line x1="0" y1="50" x2="5" y2="40" />
   </g>
-  <polyline points="100,155 170,155 170,50" fill="none" />
-  <circle cx="100" cy="155" r="3" />
-
-  <text x="175" y="100" stroke-width="0.5">[Login fail]</text>
-  <text x="5" y="200" stroke-width="0.5">[Login OK]</text>
-
-  <polyline points="170,200 160,200 160,240 170,240" fill="none" />
-  <line x1="90" y1="165" x2="160" y2="220" stroke-dasharray="3,3" />
-  <text x="165" y="225" stroke-width="0.5">Login prüfen</text>
+  <polyline points="100,170 170,170 170,65" fill="none" />
+  <circle cx="100" cy="170" r="3" />
+
+  <text x="175" y="115" stroke-width="0.5">[Login fail]</text>
+  <text x="5" y="215" stroke-width="0.5">[Login OK]</text>
+
+  <polyline points="170,215 160,215 160,255 170,255" fill="none" />
+  <line x1="90" y1="180" x2="160" y2="235" stroke-dasharray="3,3" />
+  <text x="165" y="240" stroke-width="0.5">Login prüfen</text>
  </g>
 
-  <rect fill="none" x="0" y="225" width="120" height="55" />
-  <text x="10" y="245" stroke-width="0.5">Willkommen...</text>
+  <text x="0" y="235" stroke-width="0.5">Konto</text>
+  <rect fill="none" x="0" y="240" width="120" height="55" />
+  <text x="10" y="260" stroke-width="0.5">Willkommen...</text>
 
   Ihr Browser kann kein SVG.