LayoutTests/svg/custom/alignment-baseline-modes.svg

<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400">
<g>
	<text x="10" y="15" font-size="20" dominant-baseline="auto">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 30)">
	<text x="10" y="15" font-size="20" dominant-baseline="use-script">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 60)">
	<text x="10" y="15" font-size="20" dominant-baseline="no-change">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 90)">
	<text x="10" y="15" font-size="20" dominant-baseline="reset-size">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 120)">
	<text x="10" y="15" font-size="20" dominant-baseline="ideographic">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 150)">
	<text x="10" y="15" font-size="20" dominant-baseline="alphabetic">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 180)">
	<text x="10" y="15" font-size="20" dominant-baseline="hanging">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 210)">
	<text x="10" y="15" font-size="20" dominant-baseline="mathematical">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 240)">
	<text x="10" y="15" font-size="20" dominant-baseline="central">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 270)">
	<text x="10" y="15" font-size="20" dominant-baseline="middle">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 300)">
	<text x="10" y="15" font-size="20" dominant-baseline="text-after-edge">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>

<g transform="translate(0 330)">
	<text x="10" y="15" font-size="20" dominant-baseline="text-before-edge">This <tspan alignment-baseline="alphabetic">is a</tspan> test</text>
	<line x1="10" x2="110" y1="15" y2="15" stroke="red"/>
</g>
</svg>