<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<!--======================================================================-->
<!--= Copyright 2000 World Wide Web Consortium, (Massachusetts =-->
<!--= Institute of Technology, Institut National de Recherche en =-->
<!--= Informatique et en Automatique, Keio University). All Rights =-->
<!--= Reserved. See http://www.w3.org/Consortium/Legal/. =-->
<!--======================================================================-->
<!-- =====================================================================-->
<!-- text-decoration-BE-12.svg -->
<!-- renamed for 1.1 suite to text-deco-01-b.svg -->
<!-- Author : Jon Ferraiolo 06-Aug-2000 -->
<!-- 1.1 revision by Rick Graham -->
<!-- Revised for Mobile Profiles: Jun Fujisawa 16-Jul-2002 -->
<!--======================================================================-->
<svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
<SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
<OperatorScript version="$Revision: 1.9 $" testname="text-deco-01-b.svg">
<Paragraph>
Test 'text-decoration'.
</Paragraph>
<Paragraph>
The first line has no decoration.
</Paragraph>
<Paragraph>
The second line has a line through it.
</Paragraph>
<Paragraph>
The third line is underlined.
</Paragraph>
<Paragraph>
The fourth line has a blue underline with a red border under
most characters, except the word "different" has a yellow underline
with a green border, in the same manner as the word "different" is rendered.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">text-deco-01-b.svg</title>
<desc id="test-desc">Test 'text-decoration'.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<text font-family="Arial" font-size="16" x="10" y="20">Test 'text-decoration'.</text>
<g font-family="Arial" font-size="24" fill="blue" stroke="red" stroke-width=".5">
<text x="25" y="65">Normal text</text>
<text x="25" y="135" text-decoration="line-through">Text with line-through</text>
<text x="25" y="205" text-decoration="underline">Underlined text</text>
<!-- START OF PATCH CODE, which is commented out
<text x="25" y="345" text-decoration="underline" xml:space="preserve">One word has different underlining</text>
<rect x="25" y="275" width="1000" height="70" stroke="none" fill="white" />
END OF PATCH CODE, which is commented out -->
<text x="25" y="275" text-decoration="underline">
<tspan>One</tspan>
<tspan fill="yellow" stroke="#F0F">word</tspan>
<tspan fill="yellow" stroke="#000">has</tspan>
<tspan fill="yellow" stroke="#080" text-decoration="underline">different</tspan>
<tspan fill="yellow" stroke="#00F">underlining</tspan>
</text>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.9 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
<script>
if (window.testRunner)
testRunner.dumpSelectionRect();
var range = document.createRange();
range.selectNode(window.document.documentElement);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
</script>
</svg>
Codebase Browser
chromium