bidi-textlength.html | Explore in Territory

<!DOCTYPE html>
<meta charset=utf-8>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     width="600" height="600" viewBox="0 0 300 300">
<defs>
<path id="Path2" style="fill:none; stroke:lime;" transform="scale(0.30,0.50)"
      d="M 100 100 C100 0 400 00 400 100 C 400 200 100 200 100 100 z"/>
</defs>
<g transform="translate(30,40)">
<use xlink:href="#Path2"/>
<text font-size="15" style="direction:rtl;">
<textPath xlink:href="#Path2" startOffset="90%" style="letter-spacing: 10px">ריווח אותיות</textPath>
<textPath xlink:href="#Path2" startOffset="90%" textLength="200"><tspan dy="-20">طول النص</tspan></textPath>
<textPath xlink:href="#Path2" startOffset="90%" textLength="200" lengthAdjust="spacingAndGlyphs"><tspan dy="-40">فاصله و حروف کوچک</tspan></textPath>
</text>

<text font-size="15" style="direction:rtl;">
<tspan x="270" y="160" style="letter-spacing: 10px">ריווח אותיות</tspan>
<tspan x="270" y="180" textLength="300">طول النص</tspan>
<tspan x="270" y="200" textLength="300" lengthAdjust="spacingAndGlyphs">فاصله و حروف کوچک</tspan>
<tspan x="270" y="220" textLength="300">🆓🆔🆕🆖🆗نعم🆘🆙🆚</tspan>
</text>
</g>
</svg>
chromium/third_party/blink/web_tests/svg/text/bidi-textlength.html
