ant/keyboard
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

Improve display of dead keys

Browse source
This commit is contained in:
Anthony Rose 2024-02-27 13:01:24 +00:00
parent 3a78e5df8a
commit ba51b3ac41
1 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
spec.html
View file

@ -314,19 +314,19 @@
<rect x="300" y="160" width="80" height="80" /> <rect x="300" y="160" width="80" height="80" />
<text x="310" y="230" class="layer1">&#x0064;</text> <text x="310" y="230" class="layer1">&#x0064;</text>
<text x="310" y="170" class="layer2">&#x0044;</text> <text x="310" y="170" class="layer2">&#x0044;</text>
<text x="370" y="230" class="layer3 deadkey">&#x00a8;</text> <text x="370" y="230" class="layer3 deadkey">&#x25cc;&#x0308;</text>
<text x="370" y="170" class="layer4">&#x2033;</text> <text x="370" y="170" class="layer4">&#x2033;</text>
<rect x="380" y="160" width="80" height="80" /> <rect x="380" y="160" width="80" height="80" />
<text x="390" y="230" class="layer1">&#x0066;</text> <text x="390" y="230" class="layer1">&#x0066;</text>
<text x="390" y="170" class="layer2">&#x0046;</text> <text x="390" y="170" class="layer2">&#x0046;</text>
<text x="450" y="230" class="layer3 deadkey">&#x00b4;</text> <text x="450" y="230" class="layer3 deadkey">&#x25cc;&#x0301;</text>
<text x="450" y="170" class="layer4">&#x2032;</text> <text x="450" y="170" class="layer4">&#x2032;</text>
<rect x="460" y="160" width="80" height="80" /> <rect x="460" y="160" width="80" height="80" />
<text x="470" y="230" class="layer1">&#x0067;</text> <text x="470" y="230" class="layer1">&#x0067;</text>
<text x="470" y="170" class="layer2">&#x0047;</text> <text x="470" y="170" class="layer2">&#x0047;</text>
<text x="530" y="230" class="layer3 deadkey">&#x00af;</text> <text x="530" y="230" class="layer3 deadkey">&#x25cc;&#x0304;</text>
<text x="530" y="170" class="layer4"></text> <text x="530" y="170" class="layer4"></text>
<rect x="540" y="160" width="80" height="80" /> <rect x="540" y="160" width="80" height="80" />
@ -338,13 +338,13 @@
<rect x="620" y="160" width="80" height="80" /> <rect x="620" y="160" width="80" height="80" />
<text x="630" y="230" class="layer1">&#x006a;</text> <text x="630" y="230" class="layer1">&#x006a;</text>
<text x="630" y="170" class="layer2">&#x004a;</text> <text x="630" y="170" class="layer2">&#x004a;</text>
<text x="690" y="230" class="layer3 deadkey">&#x0060;</text> <text x="690" y="230" class="layer3 deadkey">&#x25cc;&#x0300;</text>
<text x="690" y="170" class="layer4"></text> <text x="690" y="170" class="layer4"></text>
<rect x="700" y="160" width="80" height="80" /> <rect x="700" y="160" width="80" height="80" />
<text x="710" y="230" class="layer1">&#x006b;</text> <text x="710" y="230" class="layer1">&#x006b;</text>
<text x="710" y="170" class="layer2">&#x004b;</text> <text x="710" y="170" class="layer2">&#x004b;</text>
<text x="770" y="230" class="layer3 deadkey">&#x005e;</text> <text x="770" y="230" class="layer3 deadkey">&#x25cc;&#x0302;</text>
<text x="770" y="170" class="layer4"></text> <text x="770" y="170" class="layer4"></text>
<rect x="780" y="160" width="80" height="80" /> <rect x="780" y="160" width="80" height="80" />
@ -714,19 +714,19 @@
<rect x="300" y="160" width="80" height="80" /> <rect x="300" y="160" width="80" height="80" />
<text x="310" y="230" class="layer1">&#x0064;</text> <text x="310" y="230" class="layer1">&#x0064;</text>
<text x="310" y="170" class="layer2">&#x0044;</text> <text x="310" y="170" class="layer2">&#x0044;</text>
<text x="370" y="230" class="layer3 deadkey">&#x00a8;</text> <text x="370" y="230" class="layer3 deadkey">&#x25cc;&#x0308;</text>
<text x="370" y="170" class="layer4">&#x2033;</text> <text x="370" y="170" class="layer4">&#x2033;</text>
<rect x="380" y="160" width="80" height="80" /> <rect x="380" y="160" width="80" height="80" />
<text x="390" y="230" class="layer1">&#x0066;</text> <text x="390" y="230" class="layer1">&#x0066;</text>
<text x="390" y="170" class="layer2">&#x0046;</text> <text x="390" y="170" class="layer2">&#x0046;</text>
<text x="450" y="230" class="layer3 deadkey">&#x00b4;</text> <text x="450" y="230" class="layer3 deadkey">&#x25cc;&#x0301;</text>
<text x="450" y="170" class="layer4">&#x2032;</text> <text x="450" y="170" class="layer4">&#x2032;</text>
<rect x="460" y="160" width="80" height="80" /> <rect x="460" y="160" width="80" height="80" />
<text x="470" y="230" class="layer1">&#x0067;</text> <text x="470" y="230" class="layer1">&#x0067;</text>
<text x="470" y="170" class="layer2">&#x0047;</text> <text x="470" y="170" class="layer2">&#x0047;</text>
<text x="530" y="230" class="layer3 deadkey">&#x00af;</text> <text x="530" y="230" class="layer3 deadkey">&#x25cc;&#x0304;</text>
<text x="530" y="170" class="layer4"></text> <text x="530" y="170" class="layer4"></text>
<rect x="540" y="160" width="80" height="80" /> <rect x="540" y="160" width="80" height="80" />
@ -738,13 +738,13 @@
<rect x="620" y="160" width="80" height="80" /> <rect x="620" y="160" width="80" height="80" />
<text x="630" y="230" class="layer1">&#x006a;</text> <text x="630" y="230" class="layer1">&#x006a;</text>
<text x="630" y="170" class="layer2">&#x004a;</text> <text x="630" y="170" class="layer2">&#x004a;</text>
<text x="690" y="230" class="layer3 deadkey">&#x0060;</text> <text x="690" y="230" class="layer3 deadkey">&#x25cc;&#x0300;</text>
<text x="690" y="170" class="layer4"></text> <text x="690" y="170" class="layer4"></text>
<rect x="700" y="160" width="80" height="80" /> <rect x="700" y="160" width="80" height="80" />
<text x="710" y="230" class="layer1">&#x006b;</text> <text x="710" y="230" class="layer1">&#x006b;</text>
<text x="710" y="170" class="layer2">&#x004b;</text> <text x="710" y="170" class="layer2">&#x004b;</text>
<text x="770" y="230" class="layer3 deadkey">&#x005e;</text> <text x="770" y="230" class="layer3 deadkey">&#x25cc;&#x0302;</text>
<text x="770" y="170" class="layer4"></text> <text x="770" y="170" class="layer4"></text>
<rect x="780" y="160" width="80" height="80" /> <rect x="780" y="160" width="80" height="80" />
@ -1207,7 +1207,7 @@
<td><span class="codepoint">U+0044</span> <span class="key-character">&#x0044;</span></td> <td><span class="codepoint">U+0044</span> <span class="key-character">&#x0044;</span></td>
<td><span class="codepoint">U+0064</span> <span class="key-character">&#x0064;</span></td> <td><span class="codepoint">U+0064</span> <span class="key-character">&#x0064;</span></td>
<td><span class="codepoint">U+0044</span> <span class="key-character">&#x0044;</span></td> <td><span class="codepoint">U+0044</span> <span class="key-character">&#x0044;</span></td>
<td class="deadkey"><span class="codepoint">DEADDI</span> <span class="key-character">&#x00a8;&#x25cc;</span></td> <td class="deadkey"><span class="codepoint">DEADDI</span> <span class="key-character">&#x25cc;&#x0308;</span></td>
<td><span class="codepoint">U+2033</span> <span class="key-character">&#x2033;</span></td> <td><span class="codepoint">U+2033</span> <span class="key-character">&#x2033;</span></td>
</tr> </tr>
<tr> <tr>
@ -1218,7 +1218,7 @@
<td><span class="codepoint">U+0046</span> <span class="key-character">&#x0046;</span></td> <td><span class="codepoint">U+0046</span> <span class="key-character">&#x0046;</span></td>
<td><span class="codepoint">U+0066</span> <span class="key-character">&#x0066;</span></td> <td><span class="codepoint">U+0066</span> <span class="key-character">&#x0066;</span></td>
<td><span class="codepoint">U+0046</span> <span class="key-character">&#x0046;</span></td> <td><span class="codepoint">U+0046</span> <span class="key-character">&#x0046;</span></td>
<td class="deadkey"><span class="codepoint">DEADAC</span> <span class="key-character">&#x00b4;&#x25cc;</span></td> <td class="deadkey"><span class="codepoint">DEADAC</span> <span class="key-character">&#x25cc;&#x0301;</span></td>
<td><span class="codepoint">U+2032</span> <span class="key-character">&#x2032;</span></td> <td><span class="codepoint">U+2032</span> <span class="key-character">&#x2032;</span></td>
</tr> </tr>
<tr> <tr>
@ -1229,7 +1229,7 @@
<td><span class="codepoint">U+0047</span> <span class="key-character">&#x0047;</span></td> <td><span class="codepoint">U+0047</span> <span class="key-character">&#x0047;</span></td>
<td><span class="codepoint">U+0067</span> <span class="key-character">&#x0067;</span></td> <td><span class="codepoint">U+0067</span> <span class="key-character">&#x0067;</span></td>
<td><span class="codepoint">U+0047</span> <span class="key-character">&#x0047;</span></td> <td><span class="codepoint">U+0047</span> <span class="key-character">&#x0047;</span></td>
<td class="deadkey"><span class="codepoint">DEADMA</span> <span class="key-character">&#x00af;&#x25cc;</span></td> <td class="deadkey"><span class="codepoint">DEADMA</span> <span class="key-character">&#x25cc;&#x0304;</span></td>
<td></td> <td></td>
</tr> </tr>
<tr> <tr>
@ -1251,7 +1251,7 @@
<td><span class="codepoint">U+004A</span> <span class="key-character">&#x004a;</span></td> <td><span class="codepoint">U+004A</span> <span class="key-character">&#x004a;</span></td>
<td><span class="codepoint">U+006A</span> <span class="key-character">&#x006a;</span></td> <td><span class="codepoint">U+006A</span> <span class="key-character">&#x006a;</span></td>
<td><span class="codepoint">U+004A</span> <span class="key-character">&#x004a;</span></td> <td><span class="codepoint">U+004A</span> <span class="key-character">&#x004a;</span></td>
<td class="deadkey"><span class="codepoint">DEADGR</span> <span class="key-character">&#x0060;&#x25cc;</span></td> <td class="deadkey"><span class="codepoint">DEADGR</span> <span class="key-character">&#x25cc;&#x0300;</span></td>
<td></td> <td></td>
</tr> </tr>
<tr> <tr>
@ -1262,7 +1262,7 @@
<td><span class="codepoint">U+004B</span> <span class="key-character">&#x004b;</span></td> <td><span class="codepoint">U+004B</span> <span class="key-character">&#x004b;</span></td>
<td><span class="codepoint">U+006B</span> <span class="key-character">&#x006b;</span></td> <td><span class="codepoint">U+006B</span> <span class="key-character">&#x006b;</span></td>
<td><span class="codepoint">U+004B</span> <span class="key-character">&#x004b;</span></td> <td><span class="codepoint">U+004B</span> <span class="key-character">&#x004b;</span></td>
<td class="deadkey"><span class="codepoint">DEADCI</span> <span class="key-character">&#x005e;&#x25cc;</span></td> <td class="deadkey"><span class="codepoint">DEADCI</span> <span class="key-character">&#x25cc;&#x0302;</span></td>
<td></td> <td></td>
</tr> </tr>
<tr> <tr>