svg-aliasing-001.html (1326B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>SVG writing modes values parsed as aliases</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode"> 6 <link rel="match" href="reference/svg-aliasing-001-ref.html"> 7 <meta name="assert" content="The legacy SVG writing mode values are parsed as simple aliases of the newer ones, and do not have side effects on bidi."> 8 <meta name="flags" content="may"> <!-- "may" because the support for these values is optional--> 9 10 <p>The test passes if you can see “1 2 3” 6 times below (without the quotation marks). If any of them is reversed (“3 2 1”) the test fails.</p> 11 <svg 12 xmlns="http://www.w3.org/2000/svg" 13 width="300" 14 height="600"> 15 <g style="direction: ltr"> 16 <text x="0" y="50" style="writing-mode: lr; fill: blue;">1 2 3</text> 17 <text x="0" y="150" style="writing-mode: rl; fill: blue;">1 2 3</text> 18 </g> 19 <g> 20 <text x="150" y="50" style="writing-mode: lr; fill: blue;">1 2 3</text> 21 <text x="150" y="150" style="writing-mode: rl; fill: blue;">1 2 3</text> 22 </g> 23 <g style="direction: rtl"> 24 <text x="300" y="50" style="writing-mode: lr; fill: blue;">3 2 1</text> 25 <text x="300" y="150" style="writing-mode: rl; fill: blue;">3 2 1</text> 26 </g> 27 </svg>