third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/interact-cursor-01-f.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
   3 <!--======================================================================-->
   4 <!--=  Copyright 2002 World Wide Web Consortium, (Massachusetts          =-->
   5 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   6 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   7 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   8 <!--======================================================================-->
   9 <!-- ===================================================================== -->
  10 <!-- interact-cursor-01-b.svg                                            -->
  11 <!-- Author : Chris Lilley,  02-Aug-2000                                   -->
  12 <!-- Revised for 1.1 : Lee Klosterman,  31-January-2002                      -->
  13 <!--======================================================================-->
  14 <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">
  15         <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/">
  16                 <OperatorScript version="$Revision: 1.1 $" testname="interact-cursor-01-f.svg">
  17                         <Paragraph>
  18                         Purpose of test is to determine if the cursor property and cursor element are
  19             supported. Firstly, the <em>default</em> cursor behaviour should be examined.
  20             Move the cursor to the top left corner, in the white area. This is the default
  21             cursor. Now move the cursor over the text at the top of the example. The cursor
  22             changes to the<em> text </em>cursor. Lastly, move the cursor to the  blue link
  23             text - the cursor changes to the <em>pointer</em> cursor.
  24         </Paragraph>
  25                         <Paragraph>
  26                                 Now, move the cursor in turn to each of the gray rectangles (but not on top
  27                                 of the white text label text). From top to bottom in the first row,  the cursor
  28                                 should change to:            </Paragraph>
  29                         <Paragraph>
  30                                 <ol>
  31                                         <li>A crosshair or other 'accurate positioning'  cursor</li>
  32                                         <li>The 'default' cursor, as noted above</li>
  33                                         <li>The 'pointer' cursor, as noted above</li>
  34                                         <li>A cursor indicating movement, such as panning</li>
  35                                 </ol>
  36                         </Paragraph>
  37                         <Paragraph>Now from top to bottom in the second row, the cursor should change to: </Paragraph>
  38                         <Paragraph>
  39                                 <ol>
  40                                         <li>The 'text' cursor, as noted above</li>
  41                                         <li>A 'wait' cursor</li>
  42                                         <li>A 'help' cursor</li>
  43                                         <li>A special cursor which looks like a small magnifying glass. This is a downloaded image cursor.</li>
  44                                 </ol>
  45                         </Paragraph>
  46                         <Paragraph>Moving to the bottom-leftmost of the eight red triangles, and moving around them clockwise, the
  47                 cursor should change to:</Paragraph>
  48                         <Paragraph>SouthEast-resize, South-resize, SouthWest resize, West-resize,
  49                 NorthWest-resize, North-resize, NorthEast-resize, East-resize.</Paragraph>
  50                         <Paragraph>Lastly, move the cursor to the target in the bottom-right of the test. The cursor must not
  51                         change to the 'pointer'  cursor, but instread to the special magnifying glass cursor as noted
  52                         above.
  53                         </Paragraph>
  54                 </OperatorScript>
  55         </SVGTestCase>
  56         <title id="test-title">interact-cursor-01-f</title>
  57         <desc id="test-desc">
  58         Test that viewer has the basic capability to handle the cursor
  59         property and cursor element
  60           </desc>
  61         <!--======================================================================-->
  62         <!--Content of Test Case follows...                  =====================-->
  63         <!--======================================================================-->
  64         <g id="test-body-content">
  65                 <defs>
  66                         <cursor id="magglass" xlink:href="resources/magnify.png" x="10" y="11"/>
  67                 </defs>
  68                 <text x="240" y="25" text-anchor="middle" font-size="26">Text Cursor
  69            <a xlink:href="http://www.w3.org/TR/SVG/interact#Cursors" fill="blue" xlink:show="new">Pointer Cursor</a>
  70                 </text>
  71                 <!-- use this text to check the native 'text' and 'pointer' cursor -->
  72                 <rect x="120" y="40" width="240" height="236" stroke="#666" stroke-width="3" fill="none"/>
  73                 <!-- ====================================================================== -->
  74                 <!-- Predefined keyword values for cursors            ===================== -->
  75                 <!-- ====================================================================== -->
  76                 <g class="button">
  77                         <g cursor="crosshair">
  78                                 <rect stroke="none" fill="#666" x="148" y="70" width="80" height="32" />
  79                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="90">crosshair</text>
  80                         </g>
  81                         <g cursor="default">
  82                                 <rect stroke="none" fill="#666" x="148" y="118" width="80" height="32" />
  83                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="138">default</text>
  84                         </g>
  85                         <g cursor="pointer">
  86                                 <rect stroke="none" fill="#666" x="148" y="166" width="80" height="32" />
  87                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="186">pointer</text>
  88                         </g>
  89                         <g cursor="move">
  90                                 <rect stroke="none" fill="#666" x="148" y="214" width="80" height="32" />
  91                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="235">move</text>
  92                         </g>
  93                         <g cursor="text">
  94                                 <rect stroke="none" fill="#666" x="252" y="70" width="80" height="32"/>
  95                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="90">text</text>
  96                         </g>
  97                         <g cursor="wait">
  98                                 <rect stroke="none" fill="#666" x="252" y="118" width="80" height="32" />
  99                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="138">wait</text>
 100                         </g>
 101                         <g cursor="help">
 102                                 <rect stroke="none" fill="#666" x="252" y="166" width="80" height="32" />
 103                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="186">help</text>
 104                         </g>
 105                         <g cursor="url(#magglass),crosshair">
 106                                 <rect stroke="none" fill="#666" x="252" y="214" width="80" height="32" />
 107                                 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="235">&lt;url&gt;</text>
 108                         </g>
 109                 </g>
 110                 <g stroke="black" stroke-width="1" fill="#900">
 111                         <polygon points="116,36 116,68 148,36" cursor="nw-resize"/>
 112                         <polygon points="364,36 364,68 332,36" cursor="ne-resize"/>
 113                         <polygon points="364,280 332,280 364,248" cursor="se-resize"/>
 114                         <polygon points="116,280 148,280 116,248" cursor="sw-resize"/>
 115                         <polygon points="340,134 340,182 364,158" cursor="e-resize"/>
 116                         <polygon points="116,158 140,134 140,182" cursor="w-resize"/>
 117                         <polygon points="240,36 264,63.3 214,63.3" cursor="n-resize"/>
 118                         <polygon points="240,280 264,252.7 214,252.7" cursor="s-resize"/>
 119                 </g>
 120                 <!-- link to check consistency of 'pointer' cursor -->
 121                 <!-- target for hotspot test -->
 122                 <g id="target" stroke-width="1" stroke="black" cursor="url(#magglass),crosshair">
 123                         <!-- make a target to test the hotspot -->
 124                         <circle cx="390" cy="315" r="16" stroke="none" fill="#FFC"/>
 125                         <polyline points="390,295 390,335"/>
 126                         <polyline points="370,315 410,315"/>
 127                         <circle cx="390" cy="315" r="6" stroke="none" fill="#FFF"/>
 128                         <!-- make the hotspot, taking care the cursor stays the same -->
 129                         <a fill="blue" xlink:href="http://www.w3.org/Icons/w3c_home" >
 130                                 <circle cx="390" cy="315" r="2" stroke="none" fill="#000"/>
 131                         </a>
 132                 </g>
 133         </g>
 134         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.1 $</text>
 135         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 136 </svg>