| <?xml version="1.0" encoding="UTF-8"?> |
| <!--======================================================================--> |
| <!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =--> |
| <!--= Institute of Technology, Institut National de Recherche en =--> |
| <!--= Informatique et en Automatique, Keio University). All Rights =--> |
| <!--= Reserved. See http://www.w3.org/Consortium/Legal/. =--> |
| <!--======================================================================--> |
| <!-- =====================================================================--> |
| <!-- --> |
| <!-- text-text-06-t.svg --> |
| <!-- --> |
| <!-- Author : Vincent Hardy, 06-Jan-2004 --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd"> |
| |
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360"> |
| <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" owner="VH" desc="x/y glyph positioning on ligatures" status="accepted" version="$Revision: 1.9 $" testname="$RCSfile: text-text-06-t.svg,v $"> |
| <OperatorScript> |
| <Paragraph> |
| The purpose of this test is to validate the interaction of x/y |
| glyph positioning an ligatures. |
| </Paragraph> |
| <Paragraph> |
| The first line shows an example where there is a ligature (fi) which |
| should be accounted for before breaking into text chunks (see specification |
| section 10.5, additional x/y/dx/dy processing rules, bullet discussing |
| ligatures). In this first line, the ligatures cause the x position 180 |
| (shown in red), to be ignored. As a result, a glyph should be shown over |
| each pale blue square markers. The glyphs are black squares of increasing sizes |
| except for the initial ligature which has the form of two small black triangles |
| joined at their tops. The ligature should show on the first pale blue |
| marker position. |
| </Paragraph> |
| <Paragraph> |
| The second line shows the same test but using multiple y positions. |
| </Paragraph> |
| <Paragraph> |
| The third line shows the same test but using multiple x and y |
| positions. |
| </Paragraph> |
| </OperatorScript> |
| </SVGTestCase> |
| <g id="test-body-content" font-size="10"> |
| <defs> |
| <font id="embeded" horiz-adv-x="224"> |
| <font-face font-family="embeded" units-per-em="1000" panose-1="0 0 0 0 0 0 0 0 0 0" ascent="917" descent="-250" alphabetic="0"/> |
| <missing-glyph horiz-adv-x="800" d="M50 0V800H750V0H50ZM700 50V750H100V50H700Z"/> |
| <glyph unicode="1" glyph-name="gl_1" horiz-adv-x="1500" d="M 0 0 L 250 0 L 250 250 L 0 250 Z"/> |
| <glyph unicode="2" glyph-name="gl_2" horiz-adv-x="1500" d="M 0 0 L 500 0 L 500 500 L 0 500 Z"/> |
| <glyph unicode="3" glyph-name="gl_3" horiz-adv-x="1500" d="M 0 0 L 750 0 L 750 750 L 0 750 Z"/> |
| <glyph unicode="4" glyph-name="gl_4" horiz-adv-x="1500" d="M 0 0 L 1000 0 L 1000 1000 L 0 1000 Z"/> |
| <glyph unicode="fi" glyph-name="fi" horiz-adv-x="1500" d="M 0 0 L 500 0 L 0 700 L 500 700 Z"/> |
| </font> |
| </defs> |
| |
| <defs> |
| <g id="marker"> |
| <line y2="-15" stroke="red"/> |
| <rect x="-4" y="-4" width="8" height="8"/> |
| </g> |
| </defs> |
| |
| <g transform="translate(20, 30)"> |
| <g id="legend" transform="translate(10, 40)" font-size="12"> |
| <text>x positioning</text> |
| <text y="40">y positioning</text> |
| <text y="140">x/y positioning</text> |
| </g> |
| |
| <g transform="translate(100, 40)"> |
| <use xlink:href="#marker" x="10" fill="#8888ff"/> |
| <use xlink:href="#marker" x="180" fill="red"/> |
| <use xlink:href="#marker" x="40" fill="#8888ff"/> |
| <use xlink:href="#marker" x="70" fill="#8888ff"/> |
| <use xlink:href="#marker" x="100" fill="#8888ff"/> |
| <use xlink:href="#marker" x="130" fill="#8888ff"/> |
| <text x="10 180 40 70 100 130" y="0" font-family="embeded">fi1234</text> |
| </g> |
| |
| <g transform="translate(100, 80)"> |
| <use xlink:href="#marker" y="-10" fill="#8888ff"/> |
| <use xlink:href="#marker" x="15" y="50" fill="red"/> |
| <use xlink:href="#marker" x="15" y="0" fill="#8888ff"/> |
| <use xlink:href="#marker" x="30" y="10" fill="#8888ff"/> |
| <use xlink:href="#marker" x="45" y="20" fill="#8888ff"/> |
| <use xlink:href="#marker" x="60" y="30" fill="#8888ff"/> |
| <text y="-10 50 0 10 20 30" x="0" font-family="embeded">fi1234</text> |
| </g> |
| |
| <g transform="translate(100, 180)"> |
| <use xlink:href="#marker" x="10" y="-10" fill="#8888ff"/> |
| <use xlink:href="#marker" x="180" y="50" fill="red"/> |
| <use xlink:href="#marker" x="40" y="0" fill="#8888ff"/> |
| <use xlink:href="#marker" x="70" y="10" fill="#8888ff"/> |
| <use xlink:href="#marker" x="100" y="20" fill="#8888ff"/> |
| <use xlink:href="#marker" x="130" y="30" fill="#8888ff"/> |
| <text x="10 180 40 70 100 130" y="-10 50 0 10 20 30" font-family="embeded">fi1234</text> |
| </g> |
| </g> |
| </g> |
| |
| <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text> |
| <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> |
| |
| <script> |
| if (window.layoutTestController) |
| window.layoutTestController.dumpSelectionRect(); |
| document.execCommand("SelectAll"); |
| </script> |
| </svg> |
