<?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-tspan-01-b.svg -->
<!-- -->
<!-- Test viewer capability to handle the basics of 'tspan'. Derived -->
<!-- from three examples in 'tspan' spec section. -->
<!-- -->
<!-- Author : Lofton Henderson 7-March-2000 (based on spec examples -->
<!-- by Jon Ferraiolo). -->
<!-- Revised for 1.1 : Tolga Capin 14-Feb-2002 -->
<!-- -->
<!-- History: -->
<!-- 7-Mar-2000, LH: Serial#1 created. -->
<!-- 12-Mar-2000, LH, fix test-framing rect; ser#2 -->
<!-- 19-Mar-2000, LH=" fix missing x-coord in tspan03" Serial#3. -->
<!-- 21-Mar-2000, LH=" fix wrong 1st coordinate in tspan03" Serial#4 -->
<!-- 24-Apr-2000, LH=" patch bugs for correct png" Serial#5 -->
<!-- 03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# . -->
<!-- 28-Oct-2000, JF, Change 12pt to 15 user units per working group -->
<!-- decision that CSS units would only be in tests -->
<!-- that were testing CSS units. New serial#: 6 -->
<!-- 08-Dec-2000, JF: Restore white space that got lost somehow. -->
<!-- -->
<!-- ===================================================================== -->
<!--======================================================================-->
<!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
<!--= log messages, and therefore is no longer in the preceding preamble.=-->
<!--======================================================================-->
<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.7 $" testname="text-tspan-01-b.svg">
<Paragraph>
Test tspan element
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">text-tspan-01-b</title>
<desc id="test-desc">Test viewer capability to handle the basics of 'tspan'.</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<text x="25" y="20" font-family="Arial" font-size="16" >Basics of tspan: changing visual properties and positioning.</text>
<!-- From example tspan01 - using tspan to change visual attributes -->
<g id="tspan01" font-family="Arial" font-size="16" >
<text x="74" y="63.75" fill="blue" >You are<tspan font-weight="bold" fill="red"> not </tspan>a banana.</text>
<rect x="47.5" y="74.25" width="310.5" height="53.5" fill="none" stroke="#000000" />
<text x="65.25" y="90.75" font-family="Arial" font-size="16" >Text: "You are not a banana."</text>
<text x="65.25" y="108" font-family="Arial" font-size="16" >'tspan' changes visual attributes of "not",</text>
<text x="65.25" y="125.25" font-family="Arial" font-size="16" >to red, bold.</text>
</g>
<!-- From example tspan02 - using tspan's dx and dy attributes
for incremental positioning adjustments -->
<g id="tspan02" font-family="Arial" font-size="16" >
<text x="257.5" y="153.75" fill="blue" >But you<tspan dx="2em" dy="-10.75" font-weight="bold" fill="red" >are</tspan><tspan dy="25.5" xml:space="preserve"> a peach!</tspan></text>
<rect x="225" y="179" width="245.5" height="53.5" fill="none" stroke="#000000" />
<text x="238" y="195" font-family="Arial" font-size="16" >Text: "But you are a peach!"</text>
<text x="238" y="212.25" font-family="Arial" font-size="16" >Using dx,dy, 'tspan' raises "are",</text>
<text x="238" y="229.5" font-family="Arial" font-size="16" >'tspan' lowers "a peach!"</text>
</g>
<!-- Example tspan03 - using tspan's x and y attributes
for multiline text and precise glyph positioning -->
<g id="tspan03" fill="#000000" font-family="Arial" font-size="16" >
<text fill="rgb(255,164,0)" >
<tspan x="35 53.75 72.5 91.25 110.5 128.75 147.5 166.25" y="200">Cute and </tspan>
<tspan x="63.13 81.88 100.63 119.38 138.13" y="230.5">fuzzy.</tspan>
</text>
<rect x="17.5" y="244.75" width="335.5" height="53.5" fill="none" stroke="#000000" />
<text x="25.25" y="258" font-family="Arial" font-size="16" >Text: "Cute and fuzzy."</text>
<text x="25.25" y="275.25" font-family="Arial" font-size="16" >'tspan' char-by-char placement of "Cute and",</text>
<text x="25.25" y="292.5" font-family="Arial" font-size="16" >'tspan' char-by-char "fuzzy", below it.</text>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</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