third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/text-align-08-b.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 <!--======================================================================--><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   8
   9 <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">
  10   <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewer="CL" owner="CN" desc="Test horizontal baselines across script and font size changes (SVG Font)." status="accepted" version="$Revision: 1.7 $" testname="$RCSfile: text-align-08-b.svg,v $">
  11     <OperatorScript>
  12       <Paragraph>
  13         Test horizontal baselines across script and font size changes. It uses an SVG Font, where
  14         the Latin letter "a" is a rectangle, the Japanese letter "犜" is an upward-pointing triangle, and the Devanagari letter "ण" is a downward-pointing triangle.
  15       </Paragraph>
  16       <Paragraph>
  17          The dominant baseline should be alphabetic, so the 'a' will be sitting on the alphabetic (blue) line, the japanese glyph (upward pointing triangle) will be aligned on the ideographic  (red) baseline and 'ण' is a devangari character (downward pointing triangle)  and will use the hanging baseline (green).  The smaller versions of the characters should be aligned to the same baselines as the respective larger characters, so all like shapes align to the same baseline..
  18       </Paragraph>
  19       <Paragraph>
  20         Original test authored by Rodney Hardy at CISRA.
  21       </Paragraph>
  22     </OperatorScript>
  23   </SVGTestCase>
  24   <title id="test-title">$RCSfile: text-align-08-b.svg,v $</title>
  25     <g id="test-body-content" font-family="SVGFont">
  26          <defs>
  27             <font horiz-adv-x="500">
  28                 <font-face font-family="SVGFont" units-per-em="1000" ascent="800" descent="200" alphabetic="200" ideographic="0" hanging="900"/>
  29                 <missing-glyph horiz-adv-x="500" d="M0 0L500 0L500 1000L0 1000M50 50L50 950L450 950L450 50Z"/>
  30                 <glyph unicode=" " glyph-name="space"/>
  31                 <glyph unicode="a" glyph-name="rectangle" d="M0 200L500 200L500 900L0 900Z"/>
  32                 <glyph unicode="犜" glyph-name="upward-triangle" d="M0 0L500 0L250 900Z"/>
  33                 <glyph unicode="ण" glyph-name="downward-triangle" d="M0 900L500 900L250 0Z"/>
  34             </font>
  35         </defs>
  36         <!--
  37             The dominant baseline should be alphabetic, so the 'ab' will be sitting on the
  38             blue line, the japanese glyphs will be on the ideographic baseline and '&#2339;'
  39             is a devangari character and will use the hanging baseline.  The smaller versions
  40             of the characters should be aligned to the same baselines.  So 'a' on the blue
  41             line, the ideographic chars slightly below the line and the devangari should be
  42             hanging from the hanging baseline.
  43         -->
  44         <text x="50" y="200" font-size="150">a犜ण<tspan font-size="75">a犜ण</tspan><tspan font-size="30">a犜ण</tspan>
  45 </text>
  46         <line x1="50" y1="200" x2="433" y2="200" stroke-width="1" stroke="blue"/>
  47         <line x1="50" y1="230" x2="433" y2="230" stroke-width="1" stroke="red"/>
  48         <line x1="50" y1="95" x2="433" y2="95" stroke-width="1" stroke="green"/>
  49     </g>
  50   <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  51   <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  52 </svg>