third_party/WebKit/LayoutTests/svg/custom/dominant-baseline-modes.svg

   1 <?xml version="1.0"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
   3 <g>
   4         <text x="10" y="15" font-size="20" dominant-baseline="auto">This is a test</text>
   5         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
   6 </g>
   7
   8 <g transform="translate(0 30)">
   9         <text x="10" y="15" font-size="20" dominant-baseline="use-script">This is a test</text>
  10         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  11 </g>
  12
  13 <g transform="translate(0 60)">
  14         <text x="10" y="15" font-size="20" dominant-baseline="no-change">This is a test</text>
  15         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  16 </g>
  17
  18 <g transform="translate(0 90)">
  19         <text x="10" y="15" font-size="20" dominant-baseline="reset-size">This is a test</text>
  20         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  21 </g>
  22
  23 <g transform="translate(0 120)">
  24         <text x="10" y="15" font-size="20" dominant-baseline="ideographic">This is a test</text>
  25         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  26 </g>
  27
  28 <g transform="translate(0 150)">
  29         <text x="10" y="15" font-size="20" dominant-baseline="alphabetic">This is a test</text>
  30         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  31 </g>
  32
  33 <g transform="translate(0 180)">
  34         <text x="10" y="15" font-size="20" dominant-baseline="hanging">This is a test</text>
  35         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  36 </g>
  37
  38 <g transform="translate(0 210)">
  39         <text x="10" y="15" font-size="20" dominant-baseline="mathematical">This is a test</text>
  40         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  41 </g>
  42
  43 <g transform="translate(0 240)">
  44         <text x="10" y="15" font-size="20" dominant-baseline="central">This is a test</text>
  45         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  46 </g>
  47
  48 <g transform="translate(0 270)">
  49         <text x="10" y="15" font-size="20" dominant-baseline="middle">This is a test</text>
  50         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  51 </g>
  52
  53 <g transform="translate(0 300)">
  54         <text x="10" y="15" font-size="20" dominant-baseline="text-after-edge">This is a test</text>
  55         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  56 </g>
  57
  58 <g transform="translate(0 330)">
  59         <text x="10" y="15" font-size="20" dominant-baseline="text-before-edge">This is a test</text>
  60         <line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
  61 </g>
  62 </svg>