improved stretching of tiles

resources/svg/BlockH.svg

@@ -1,5 +1,5 @@
 <svg width="100" height="100" viewbox="0 0 100 100">
-	<rect x="0" y="35" width="100" height="30" />
-	<rect class="block" x="10" y="10" width="80" height="80" />
-	<text x="10" y="65" fill="red">I love SVG!</text>
+	<rect x="0" y="35" width="%width%" height="30" />
+	<rect class="block" x="20" y="10" width="%width%-40" height="80" />
+	<text x="25" y="65" fill="red">%text%</text>
 </svg>

resources/svg/BlockV.svg

@@ -0,0 +1,5 @@
+<svg width="100" height="100" viewbox="0 0 100 100">
+	<rect x="35" y="0" width="30" height="%height%" />
+	<rect class="block" x="10" y="20" width="80" height="%height%-40" />
+	<text x="25" y="65" fill="red" transform="translate(100, 0) rotate(90)">%text%</text>
+</svg>

resources/svg/StraightH.svg

@@ -1,3 +1,3 @@
-<svg width="100" height="100" viewbox="0 0 100 100">
-	<rect x="0" y="35" width="100" height="30" />
+<svg width="%width%" height="100" viewbox="0 0 %width% 100">
+	<rect x="0" y="35" width="%width%" height="30" />
 </svg>

resources/svg/StraightV.svg

@@ -1,3 +1,3 @@
-<svg width="100" height="100" viewbox="0 0 100 100">
-	<rect x="35" y="0" width="30" height="100" />	
+<svg width="100" height="" viewbox="0 0 100 100">
+	<rect x="35" y="0" width="30" height="%height%" />	
 </svg>