chromium/third_party/blink/web_tests/svg/text/bidi-text-query.svg

<?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>