third_party/WebKit/LayoutTests/svg/custom/text-x-dy-lists.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" font-size="20">
   3
   4 <text x="10" y="30"><tspan>A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
   5 <text x="10" y="60"> <tspan>A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
   6 <text x="10" y="90">  <tspan>A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
   7 <text x="10" y="120"><tspan> A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
   8 <text x="10" y="150"><tspan>  A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
   9 <text x="10" y="180"> <tspan> A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  10 <text x="10" y="210"> <tspan>  A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  11 <text x="10" y="240">  <tspan> A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  12 <text x="10" y="270">  <tspan>  A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  13
  14 <g transform="translate(70, 0)">
  15 <text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  16 <text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  17 <text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  18 <text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  19 <text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  20 <text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  21 <text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  22 <text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  23 <text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  24 </g>
  25
  26 <g transform="translate(140, 0)">
  27 <text x="10" y="30"><tspan>A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  28 <text x="10" y="60"> <tspan>A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  29 <text x="10" y="90">  <tspan>A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  30 <text x="10" y="120"><tspan> A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  31 <text x="10" y="150"><tspan>  A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  32 <text x="10" y="180"> <tspan> A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  33 <text x="10" y="210"> <tspan>  A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  34 <text x="10" y="240">  <tspan> A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  35 <text x="10" y="270">  <tspan>  A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  36 </g>
  37
  38 <g transform="translate(210, 0)">
  39 <text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  40 <text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  41 <text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  42 <text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  43 <text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  44 <text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  45 <text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  46 <text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  47 <text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  48 </g>
  49
  50 <g transform="translate(280, 0)">
  51 <text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  52 <text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  53 <text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  54 <text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  55 <text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  56 <text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  57 <text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  58 <text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  59 <text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
  60 </g>
  61
  62 <g transform="translate(350, 0)">
  63 <text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  64 <text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  65 <text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  66 <text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  67 <text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  68 <text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  69 <text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  70 <text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  71 <text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  72 </g>
  73
  74 <g transform="translate(420, 0)">
  75 <text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  76 <text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  77 <text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  78 <text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  79 <text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  80 <text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  81 <text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  82 <text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  83 <text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
  84 </g>
  85
  86 <rect x="5" y="5" width="50" height="280" fill="none" stroke="red"/>
  87 <rect x="75" y="5" width="125" height="280" fill="none" stroke="red"/>
  88 <rect x="75" y="5" width="125" height="280" fill="none" stroke="red"/>
  89 <rect x="210" y="5" width="280" height="280" fill="none" stroke="red"/>
  90 <text x="250" y="320" text-anchor="middle">All text fragments in each red box need to look identical</text>
  91
  92 </svg>
  93
  94