third_party/WebKit/LayoutTests/svg/text/bidi-reorder-value-lists.svg

   1 <svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
   2     <style>
   3         @import url(../../fast/text/international/resources/Mac-compatible-font-fallback.css);
   4     </style>
   5     <g font-size="16" transform="scale(3,3)">
   6         <!-- The order of all characters in both lines should be the same, the spacing is different due the absolute positioning in the second line -->
   7         <text y="20" x="10 20 30 40 50">Test &#x5d0;&#x5d1;&#x5d2;&#x5d3;&#x5d4;</text>
   8
   9         <!--
  10           Quoting SVG 1.1: Whenever the character data within a ‘tspan’ element is re-ordered, the corresponding
  11           elements within the ‘x’, ‘y’, ‘dx’, ‘dy’ and ‘rotate’ are also re-ordered to maintain the correspondence.
  12
  13           The text is processed in logical order (as defined in the markup).
  14           10 = T        | LTR -> char 0
  15           20 = e        | LTR -> char 1
  16           30 = s        | LTR -> char 2
  17           40 = t        | LTR -> char 3
  18           50 =          | LTR -> char 4
  19           88 = &#x5d0;  | RTL -> char 9
  20           79 = &#x5d1;  | RTL -> char 8
  21           72 = &#x5d2;  | RTL -> char 7
  22           64 = &#x5d3;  | RTL -> char 6
  23           55 = &#x5d4;  | RTL -> char 5
  24           It's rendered according to the BiDi algorithm as: Test &#x5d4;&#x5d3;&#x5d2;&#x5d1;&#x5d0;
  25           The Hebrew string is reordered, and the x/y/dx/dy/rotate lists as well to maintain correspondence.
  26          -->
  27         <text y="40"><tspan x="10 20 30 40 50 88 79 72 64 55">Test &#x5d0;&#x5d1;&#x5d2;&#x5d3;&#x5d4;</tspan></text>
  28
  29         <text y="60" x="10 20 30 40 50">Test <tspan x="88 79 72 64 55">&#x5d0;&#x5d1;&#x5d2;&#x5d3;&#x5d4;</tspan></text>
  30
  31         <text y="80" x="10 20 30 40 50 88 79 72 64 55">Test &#x5d0;&#x5d1;&#x5d2;&#x5d3;&#x5d4;</text>
  32     </g>
  33 </svg>