first draft of keypad layout diagram
authorschepers
Sat, 29 Aug 2009 08:05:40 +0900
changeset 158 7a1eb49f361a
parent 157 4d8ad482624a
child 159 53b37c7d0823
first draft of keypad layout diagram
html/images/ISOIEC-9995-8-2006.svg
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/html/images/ISOIEC-9995-8-2006.svg	Sat Aug 29 08:05:40 2009 +0900
@@ -0,0 +1,85 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     width="100%" height="100%" viewBox="-2 -2 184 244">
+
+  <title>ISO/IEC 9995-8:2006 Allocation of letters to the keys of a numeric keypad</title>
+  <desc>A graphical depiction of an ISO standard defining layouts of numeric keypads, with distribution of letters on the keys.</desc>
+  
+  <style type="text/css"><![CDATA[
+     .left
+     {
+         fill: black;
+     }
+     
+     .right
+     {
+         fill: blue;
+     }
+
+  ]]></style>
+  
+ 
+   
+  <rect id="keyboard" x="0" y="0" width="180" height="240" fill="gray" stroke="black" />
+  <g font-family="'New Century Schoolbook', Palatino, Times, Courier, Helvetica, 'Cordia New', Ayuthaya, Tahoma, 'Arial Unicode MS', sans-serif" text-anchor="middle" font-size="15">
+    <g transform="translate(0, 0)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">1</text>
+    </g>
+    <g transform="translate(60, 0)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">2</text>
+    	<text class="mid" x="30" y="18"><tspan>A</tspan><tspan>B</tspan><tspan>C</tspan></text>
+    </g>
+    <g transform="translate(120, 0)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">3</text>
+    	<text class="mid" x="30" y="18"><tspan>D</tspan><tspan>E</tspan><tspan>F</tspan></text>
+    </g>
+
+    <g transform="translate(0, 60)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">4</text>
+    	<text class="mid" x="30" y="18"><tspan>A</tspan><tspan>B</tspan><tspan>C</tspan></text>
+    </g>
+    <g transform="translate(60, 60)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">5</text>
+    	<text class="mid" x="30" y="18"><tspan>A</tspan><tspan>B</tspan><tspan>C</tspan></text>
+    </g>
+    <g transform="translate(120, 60)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">6</text>
+    	<text class="mid" x="30" y="18"><tspan>D</tspan><tspan>E</tspan><tspan>F</tspan></text>
+    </g>
+
+    <g transform="translate(0, 120)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">7</text>
+    	<text class="mid" x="30" y="18"><tspan>P</tspan><tspan>Q</tspan><tspan>R</tspan><tspan>S</tspan></text>
+    </g>
+    <g transform="translate(60, 120)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">8</text>
+    	<text class="mid" x="30" y="18"><tspan>T</tspan><tspan>U</tspan><tspan>V</tspan></text>
+    </g>
+    <g transform="translate(120, 120)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">9</text>
+    	<text class="mid" x="30" y="18"><tspan>W</tspan><tspan>X</tspan><tspan>Y</tspan><tspan>Z</tspan></text>
+    </g>
+
+    <g transform="translate(0, 180)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">*</text>
+    </g>
+    <g transform="translate(60, 180)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">0</text>
+    </g>
+    <g transform="translate(120, 180)">
+    	<rect x="0" y="0" width="60" height="60" rx="4" ry="4" fill="#ececec" stroke="black"/>
+    	<text class="mid" x="30" y="35">#</text>
+    </g>
+  </g>
+</svg>