OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE HTML> |
| 2 <meta charset="utf8"> |
| 3 <style> |
| 4 .testTextRun { |
| 5 font-size: 35px; |
| 6 } |
| 7 </style> |
| 8 <svg width="600px" height="500px" xmlns="http://www.w3.org/2000/svg"> |
| 9 <g id="highlightContainer"/> |
| 10 |
| 11 <!-- Two surrogate pairs --> |
| 12 <text x="50" y="50" class="testTextRun" font-family="cursive">🎶
3b6;</text> |
| 13 <text x="200" y="50" class="testTextRun" font-family="serif">🎶dz
b6;</text> |
| 14 <text x="350" y="50" class="testTextRun" font-family="sans-serif">🎶&
#x1f3b6;</text> |
| 15 |
| 16 <!-- Surrogate pair with a combining diacritic --> |
| 17 <text x="50" y="125" class="testTextRun" font-family="cursive">𐐷�
30c; v̌</text> |
| 18 <text x="200" y="125" class="testTextRun" font-family="serif">𐐷
0c; v̌</text> |
| 19 <text x="350" y="125" class="testTextRun" font-family="sans-serif">𐐷
̌ v̌</text> |
| 20 |
| 21 <!-- Surrogate pair with a combining diacritic in RTL --> |
| 22 <text x="150" y="250" class="testTextRun" direction="rtl" font-family="cursi
ve">🎶𐐷̌🎶</text> |
| 23 <text x="300" y="250" class="testTextRun" direction="rtl" font-family="serif
">🎶𐐷̌🎶</text> |
| 24 <text x="450" y="250" class="testTextRun" direction="rtl" font-family="sans-
serif">🎶𐐷̌🎶</text> |
| 25 |
| 26 <!-- Surrogate pair with a combining diacritic in RTL with override --> |
| 27 <text x="150" y="350" class="testTextRun" direction="rtl" unicode-bidi="bidi
-override" font-family="cursive">🎶𐐷̌🎶</text> |
| 28 <text x="300" y="350" class="testTextRun" direction="rtl" unicode-bidi="bidi
-override" font-family="serif">🎶𐐷̌🎶</text> |
| 29 <text x="450" y="350" class="testTextRun" direction="rtl" unicode-bidi="bidi
-override" font-family="sans-serif">🎶𐐷̌🎶</text> |
| 30 </svg> |
| 31 <script src="resources/highlightGlyphs.js"></script> |
| 32 <script> |
| 33 highlightGlyphs(document.querySelectorAll('.testTextRun'), highlightContaine
r); |
| 34 </script> |
OLD | NEW |