diff options
Diffstat (limited to 'testing/web-platform/tests/svg/text/reftests/text-shape-inside-002.svg')
-rw-r--r-- | testing/web-platform/tests/svg/text/reftests/text-shape-inside-002.svg | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/text/reftests/text-shape-inside-002.svg b/testing/web-platform/tests/svg/text/reftests/text-shape-inside-002.svg new file mode 100644 index 0000000000..64b1307966 --- /dev/null +++ b/testing/web-platform/tests/svg/text/reftests/text-shape-inside-002.svg @@ -0,0 +1,61 @@ +<?xml version="1.0" encoding="utf-8"?> +<svg id="svg-root" + width="100%" height="100%" viewBox="0 0 480 360" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:html="http://www.w3.org/1999/xhtml"> + <g id="testmeta"> + <title>Text in Shape — 002</title> + <html:link rel="author" + title="Tavmjong Bah" + href="mailto:tavmjong@free.fr"/> + <html:link rel="reviewer" + title="NAME_OF_REVIEWER" + href="mailto:EMAIL OR http://CONTACT_PAGE" /> + <!-- YYYY-MM-DD --> + <html:link rel="help" + href="https://svgwg.org/svg2-draft/text.html#TextShapeInside"/> + <html:link rel="match" href="text-shape-inside-002-ref.svg" /> + <metadata class="flags">TOKENS</metadata> + <desc class="assert">TEST ASSERTION</desc> + </g> + + <style id="test-font" type="text/css"> + /* Standard Font (if needed). */ + @font-face { + font-family: FreeSans; + src: url("fonts/FreeSans.woff") format("woff"), + local("FreeSans"); + } + text { font-family: FreeSans, sans-serif } + </style> + + <style id="test-style" type="text/css"> + /* Style that is being tested (if needed). */ + text { font-family: FreeSans, sans-serif } + </style> + + <defs> + <rect id="TestRect" x="90" y="100" width="60" height="200"/> + </defs> + + <g id="test-body-content" style="font-size:16px;line-spacing:1.25;writing-mode:tb-rl"> + <g transform="translate(0,0)"> + <use xlink:href="#TestRect" style="fill:none;stroke:lightblue"/> + <text style="shape-inside:url(#TestRect)">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</text> + </g> + <g transform="translate(80,0)"> + <use xlink:href="#TestRect" style="fill:none;stroke:lightblue"/> + <text style="shape-inside:url(#TestRect);text-align:center">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</text> + </g> + <g transform="translate(160,0)"> + <use xlink:href="#TestRect" style="fill:none;stroke:lightblue"/> + <text style="shape-inside:url(#TestRect);text-align:right">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</text> + </g> + <g transform="translate(240,0)"> + <use xlink:href="#TestRect" style="fill:none;stroke:lightblue"/> + <text style="shape-inside:url(#TestRect);text-align:justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit,</text> + </g> + </g> + +</svg> |