Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/svg/custom/text-x-dy-lists.svg 

<?xml version="1.0" standalone="no"?>
<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" font-size="20">

<text x="10" y="30"><tspan>A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5">B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>

<g transform="translate(70, 0)">
<text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
</g>

<g transform="translate(140, 0)">
<text x="10" y="30"><tspan>A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5">  B</tspan><tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
</g>

<g transform="translate(210, 0)">
<text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan> <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
</g>

<g transform="translate(280, 0)">
<text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"><tspan>C</tspan></tspan></tspan></text>
</g>

<g transform="translate(350, 0)">
<text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
</g>

<g transform="translate(420, 0)">
<text x="10" y="30"><tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="60"> <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="90">  <tspan>A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="120"><tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="150"><tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="180"> <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="210"> <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="240">  <tspan> A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
<text x="10" y="270">  <tspan>  A<tspan dy="-5"> B</tspan>  <tspan dy="10"> <tspan>C</tspan></tspan></tspan></text>
</g>

<rect x="5" y="5" width="50" height="280" fill="none" stroke="red"/>
<rect x="75" y="5" width="125" height="280" fill="none" stroke="red"/>
<rect x="75" y="5" width="125" height="280" fill="none" stroke="red"/>
<rect x="210" y="5" width="280" height="280" fill="none" stroke="red"/>
<text x="250" y="320" text-anchor="middle">All text fragments in each red box need to look identical</text>

</svg>