<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<!--======================================================================-->
<!--= Copyright 2002 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/. =-->
<!--======================================================================-->
<!-- ===================================================================== -->
<!-- interact-cursor-01-b.svg -->
<!-- Author : Chris Lilley, 02-Aug-2000 -->
<!-- Revised for 1.1 : Lee Klosterman, 31-January-2002 -->
<!--======================================================================-->
<svg version="1.1" baseProfile="full" 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.1 $" testname="interact-cursor-01-f.svg">
<Paragraph>
Purpose of test is to determine if the cursor property and cursor element are
supported. Firstly, the <em>default</em> cursor behaviour should be examined.
Move the cursor to the top left corner, in the white area. This is the default
cursor. Now move the cursor over the text at the top of the example. The cursor
changes to the<em> text </em>cursor. Lastly, move the cursor to the blue link
text - the cursor changes to the <em>pointer</em> cursor.
</Paragraph>
<Paragraph>
Now, move the cursor in turn to each of the gray rectangles (but not on top
of the white text label text). From top to bottom in the first row, the cursor
should change to: </Paragraph>
<Paragraph>
<ol>
<li>A crosshair or other 'accurate positioning' cursor</li>
<li>The 'default' cursor, as noted above</li>
<li>The 'pointer' cursor, as noted above</li>
<li>A cursor indicating movement, such as panning</li>
</ol>
</Paragraph>
<Paragraph>Now from top to bottom in the second row, the cursor should change to: </Paragraph>
<Paragraph>
<ol>
<li>The 'text' cursor, as noted above</li>
<li>A 'wait' cursor</li>
<li>A 'help' cursor</li>
<li>A special cursor which looks like a small magnifying glass. This is a downloaded image cursor.</li>
</ol>
</Paragraph>
<Paragraph>Moving to the bottom-leftmost of the eight red triangles, and moving around them clockwise, the
cursor should change to:</Paragraph>
<Paragraph>SouthEast-resize, South-resize, SouthWest resize, West-resize,
NorthWest-resize, North-resize, NorthEast-resize, East-resize.</Paragraph>
<Paragraph>Lastly, move the cursor to the target in the bottom-right of the test. The cursor must not
change to the 'pointer' cursor, but instread to the special magnifying glass cursor as noted
above.
</Paragraph>
</OperatorScript>
</SVGTestCase>
<title id="test-title">interact-cursor-01-f</title>
<desc id="test-desc">
Test that viewer has the basic capability to handle the cursor
property and cursor element
</desc>
<!--======================================================================-->
<!--Content of Test Case follows... =====================-->
<!--======================================================================-->
<g id="test-body-content">
<defs>
<cursor id="magglass" xlink:href="resources/magnify.png" x="10" y="11"/>
</defs>
<text x="240" y="25" text-anchor="middle" font-size="26">Text Cursor
<a xlink:href="http://www.w3.org/TR/SVG/interact#Cursors" fill="blue" xlink:show="new">Pointer Cursor</a>
</text>
<!-- use this text to check the native 'text' and 'pointer' cursor -->
<rect x="120" y="40" width="240" height="236" stroke="#666" stroke-width="3" fill="none"/>
<!-- ====================================================================== -->
<!-- Predefined keyword values for cursors ===================== -->
<!-- ====================================================================== -->
<g class="button">
<g cursor="crosshair">
<rect stroke="none" fill="#666" x="148" y="70" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="90">crosshair</text>
</g>
<g cursor="default">
<rect stroke="none" fill="#666" x="148" y="118" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="138">default</text>
</g>
<g cursor="pointer">
<rect stroke="none" fill="#666" x="148" y="166" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="186">pointer</text>
</g>
<g cursor="move">
<rect stroke="none" fill="#666" x="148" y="214" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="235">move</text>
</g>
<g cursor="text">
<rect stroke="none" fill="#666" x="252" y="70" width="80" height="32"/>
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="90">text</text>
</g>
<g cursor="wait">
<rect stroke="none" fill="#666" x="252" y="118" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="138">wait</text>
</g>
<g cursor="help">
<rect stroke="none" fill="#666" x="252" y="166" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="186">help</text>
</g>
<g cursor="url(#magglass),crosshair">
<rect stroke="none" fill="#666" x="252" y="214" width="80" height="32" />
<text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="235"><url></text>
</g>
</g>
<g stroke="black" stroke-width="1" fill="#900">
<polygon points="116,36 116,68 148,36" cursor="nw-resize"/>
<polygon points="364,36 364,68 332,36" cursor="ne-resize"/>
<polygon points="364,280 332,280 364,248" cursor="se-resize"/>
<polygon points="116,280 148,280 116,248" cursor="sw-resize"/>
<polygon points="340,134 340,182 364,158" cursor="e-resize"/>
<polygon points="116,158 140,134 140,182" cursor="w-resize"/>
<polygon points="240,36 264,63.3 214,63.3" cursor="n-resize"/>
<polygon points="240,280 264,252.7 214,252.7" cursor="s-resize"/>
</g>
<!-- link to check consistency of 'pointer' cursor -->
<!-- target for hotspot test -->
<g id="target" stroke-width="1" stroke="black" cursor="url(#magglass),crosshair">
<!-- make a target to test the hotspot -->
<circle cx="390" cy="315" r="16" stroke="none" fill="#FFC"/>
<polyline points="390,295 390,335"/>
<polyline points="370,315 410,315"/>
<circle cx="390" cy="315" r="6" stroke="none" fill="#FFF"/>
<!-- make the hotspot, taking care the cursor stays the same -->
<a fill="blue" xlink:href="http://www.w3.org/Icons/w3c_home" >
<circle cx="390" cy="315" r="2" stroke="none" fill="#000"/>
</a>
</g>
</g>
<text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.1 $</text>
<rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
</svg>
Codebase Browser
chromium