third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/text-text-06-t.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--======================================================================-->
   3 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   4 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   5 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   6 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   7 <!--======================================================================-->
   8 <!-- =====================================================================-->
   9 <!--                                                                      -->
  10 <!-- text-text-06-t.svg                                                 -->
  11 <!--                                                                      -->
  12 <!-- 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">
  13
  14 <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">
  15     <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 $">
  16         <OperatorScript>
  17             <Paragraph>
  18                 The purpose of this test is to validate the interaction of x/y
  19                 glyph positioning an ligatures.
  20             </Paragraph>
  21             <Paragraph>
  22                 The first line shows an example where there is a ligature (fi) which
  23                 should be accounted for before breaking into text chunks (see specification
  24                 section 10.5, additional x/y/dx/dy processing rules, bullet discussing
  25                 ligatures). In this first line, the ligatures cause the x position 180
  26                 (shown in red), to be ignored. As a result, a glyph should be shown over
  27                 each pale blue square markers. The glyphs are black squares of increasing sizes
  28                 except for the initial ligature which has the form of two small black triangles
  29                 joined at their tops. The ligature should show on the first pale blue
  30                 marker position.
  31             </Paragraph>
  32             <Paragraph>
  33                  The second line shows the same test but using multiple y positions.
  34             </Paragraph>
  35             <Paragraph>
  36                  The third line shows the same test but using multiple x and y
  37                  positions.
  38             </Paragraph>
  39         </OperatorScript>
  40     </SVGTestCase>
  41     <g id="test-body-content" font-size="10">
  42         <defs>
  43         <font id="embeded" horiz-adv-x="224">
  44 <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"/>
  45             <missing-glyph horiz-adv-x="800" d="M50 0V800H750V0H50ZM700 50V750H100V50H700Z"/>
  46             <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"/>
  47             <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"/>
  48             <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"/>
  49             <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"/>
  50             <glyph unicode="fi" glyph-name="fi" horiz-adv-x="1500" d="M 0 0 L 500 0 L 0 700 L 500 700 Z"/>
  51         </font>
  52         </defs>
  53
  54         <defs>
  55             <g id="marker">
  56                 <line y2="-15" stroke="red"/>
  57                 <rect x="-4" y="-4" width="8" height="8"/>
  58             </g>
  59         </defs>
  60
  61         <g transform="translate(20, 30)">
  62         <g id="legend" transform="translate(10, 40)" font-size="12">
  63             <text>x positioning</text>
  64             <text y="40">y positioning</text>
  65             <text y="140">x/y positioning</text>
  66         </g>
  67
  68         <g transform="translate(100, 40)">
  69             <use xlink:href="#marker" x="10" fill="#8888ff"/>
  70             <use xlink:href="#marker" x="180" fill="red"/>
  71             <use xlink:href="#marker" x="40" fill="#8888ff"/>
  72             <use xlink:href="#marker" x="70" fill="#8888ff"/>
  73             <use xlink:href="#marker" x="100" fill="#8888ff"/>
  74             <use xlink:href="#marker" x="130" fill="#8888ff"/>
  75             <text x="10 180 40 70 100 130" y="0" font-family="embeded">fi1234</text>
  76         </g>
  77
  78         <g transform="translate(100, 80)">
  79             <use xlink:href="#marker" y="-10" fill="#8888ff"/>
  80             <use xlink:href="#marker" x="15" y="50" fill="red"/>
  81             <use xlink:href="#marker" x="15" y="0" fill="#8888ff"/>
  82             <use xlink:href="#marker" x="30" y="10" fill="#8888ff"/>
  83             <use xlink:href="#marker" x="45" y="20" fill="#8888ff"/>
  84             <use xlink:href="#marker" x="60" y="30" fill="#8888ff"/>
  85             <text y="-10 50 0 10 20 30" x="0" font-family="embeded">fi1234</text>
  86         </g>
  87
  88         <g transform="translate(100, 180)">
  89             <use xlink:href="#marker" x="10" y="-10" fill="#8888ff"/>
  90             <use xlink:href="#marker" x="180" y="50" fill="red"/>
  91             <use xlink:href="#marker" x="40" y="0" fill="#8888ff"/>
  92             <use xlink:href="#marker" x="70" y="10" fill="#8888ff"/>
  93             <use xlink:href="#marker" x="100" y="20" fill="#8888ff"/>
  94             <use xlink:href="#marker" x="130" y="30" fill="#8888ff"/>
  95             <text x="10 180 40 70 100 130" y="-10 50 0 10 20 30" font-family="embeded">fi1234</text>
  96         </g>
  97         </g>
  98     </g>
  99
 100     <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text>
 101     <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 102
 103 </svg>