LayoutTests/svg/text/text-text-06-t.svg

<?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.testRunner)
    window.testRunner.dumpSelectionRect();
</script>
</svg>