| <?xml version="1.0" encoding="utf-8"?> |
| <svg width="100%" height="100%" viewBox="0 0 480 360" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| <style> |
| .testTextRun { |
| font-family: Arial; |
| font-size: 18px; |
| } |
| #highlightContainer rect { |
| fill-opacity: 0.4; |
| } |
| #highlightContainer text { |
| font-family: Arial; |
| font-size: 4px; |
| } |
| </style> |
| |
| <text x="10" y="50" class="testTextRun"><tspan direction="ltr" unicode-bidi="bidi-override">نشاط التدويل، W3C</tspan></text> |
| <text x="10" y="80" class="testTextRun"><tspan direction="ltr" unicode-bidi="normal">نشاط التدويل، W3C</tspan></text> |
| <text x="10" y="110" class="testTextRun" text-anchor="end" direction="rtl">W3C <tspan>نشاط التدويل،</tspan></text> |
| <g id="highlightContainer"/> |
| |
| <script xlink:href="resources/highlightGlyphs.js"></script> |
| <script> |
| highlightGlyphs(document.querySelectorAll('.testTextRun'), document.getElementById('highlightContainer')); |
| </script> |
| </svg> |