| <?xml version="1.0" standalone="no"?> |
| <svg xmlns="http://www.w3.org/2000/svg" |
| xmlns:h="http://www.w3.org/1999/xhtml"> |
| <metadata> |
| <h:link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#text-TSpanNotes"/> |
| <h:meta name="assert" content="x y dx dy and rotate attributes on text and tspan elements are lists that support length()"/> |
| </metadata> |
| <text id="text" font-family="Verdana" font-size="55" fill="blue" |
| y="150 130 160" x="120 160 200 240" rotate="0 0 10, -10, 0"> |
| My <tspan id="tspan" x="280 325" y="150 155 160 165 170" rotate="-30,0,30">socks</tspan> |
| are blue. |
| </text> |
| <h:script src="/resources/testharness.js"/> |
| <h:script src="/resources/testharnessreport.js"/> |
| <script><![CDATA[ |
| test(function() { |
| /* Make sure that we can get at list items with indexed access. |
| */ |
| var text = document.getElementById('text'); |
| assert_equals(text.x.baseVal[0].value, 120); |
| assert_equals(text.y.baseVal[2].value, 160); |
| assert_equals(text.rotate.baseVal[3].value, -10); |
| assert_equals(text.rotate.baseVal[0].value, 0); |
| |
| /* same for tspan */ |
| var tspan = document.getElementById('tspan'); |
| assert_equals(tspan.x.baseVal[1].value, 325); |
| assert_equals(tspan.y.baseVal[4].value, 170); |
| assert_equals(tspan.rotate.baseVal[0].value, -30); |
| }); |
| |
| ]]></script> |
| </svg> |
