svg-aliasing-002.html

mozilla-central/testing/web-platform/tests/css/css-writing-modes/svg-aliasing-002.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout

Revision control

Copy as Markdown

Other Tools

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-writing-modes/svg-aliasing-002.html - WPT Dashboard Interop Dashboard

<!doctype html>

<meta charset="utf-8">

<title>SVG writing modes values parsed as aliases</title>

<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">

<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#svg-writing-mode">

<link rel="match" href="reference/svg-aliasing-002-ref.html"

<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.">

<meta name="flags" content="may"> <!-- "may" because the support for these values is optional-->

<p>The test passes if you can see “1 2 3” (without the quotation marks) 3 times below going top-to-bottom.

If any of them is reversed (going bottom to top), the test fails.</p>

<svg

   xmlns="http://www.w3.org/2000/svg"

   width="300"

   height="600">

<g style="direction: ltr">

  <text x="50" y="50" style="writing-mode: tb; fill: blue;">1 2 3</text>

</g>

<g>

  <text x="125" y="50" style="writing-mode: tb; fill: blue;">1 2 3</text>

</g>

<g style="direction: rtl">

  <text x="200" y="80" style="writing-mode: tb; fill: blue;">3 2 1</text>

</g>

</svg>