interact-cursor-01-f-isvalid.html (6378B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>interact-cursor-01-f-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: interact-cursor-01-f-manual.svg</h1> 9 <svg version="1.1" baseProfile="full" id="svg-root" 10 width="100%" height="100%" viewBox="0 0 480 360" 11 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= SVG 1.1 2nd Edition Test Case =--> 14 <!--======================================================================--> 15 <!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =--> 16 <!--= Institute of Technology, European Research Consortium for =--> 17 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 18 <!--= All Rights Reserved. =--> 19 <!--= See http://www.w3.org/Consortium/Legal/. =--> 20 <!--======================================================================--> 21 22 <title id="test-title">$RCSfile: interact-cursor-01-f.svg,v $</title> 23 <defs> 24 <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F"> 25 <font-face-src> 26 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> 27 </font-face-src> 28 </font-face> 29 </defs> 30 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> 31 <defs> 32 <cursor id="magglass" xlink:href="../images/magnify.png" x="10" y="11"/> 33 </defs> 34 <text x="240" y="25" text-anchor="middle" font-size="26"> 35 Text Cursor 36 <a xlink:href="http://www.w3.org/TR/SVG/interact#Cursors" fill="blue" xlink:show="new">Pointer Cursor</a> 37 </text> 38 <!-- use this text to check the native 'text' and 'pointer' cursor --> 39 <rect x="120" y="40" width="240" height="236" stroke="#666" stroke-width="3" fill="none"/> 40 <!-- ====================================================================== --> 41 <!-- Predefined keyword values for cursors ===================== --> 42 <!-- ====================================================================== --> 43 <g class="button"> 44 <g cursor="crosshair"> 45 <rect stroke="none" fill="#666" x="148" y="70" width="80" height="32"/> 46 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="90">crosshair</text> 47 </g> 48 <g cursor="default"> 49 <rect stroke="none" fill="#666" x="148" y="118" width="80" height="32"/> 50 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="138">default</text> 51 </g> 52 <g cursor="pointer"> 53 <rect stroke="none" fill="#666" x="148" y="166" width="80" height="32"/> 54 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="186">pointer</text> 55 </g> 56 <g cursor="move"> 57 <rect stroke="none" fill="#666" x="148" y="214" width="80" height="32"/> 58 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="154" y="235">move</text> 59 </g> 60 <g cursor="text"> 61 <rect stroke="none" fill="#666" x="252" y="70" width="80" height="32"/> 62 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="90">text</text> 63 </g> 64 <g cursor="wait"> 65 <rect stroke="none" fill="#666" x="252" y="118" width="80" height="32"/> 66 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="138">wait</text> 67 </g> 68 <g cursor="help"> 69 <rect stroke="none" fill="#666" x="252" y="166" width="80" height="32"/> 70 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="186">help</text> 71 </g> 72 <g cursor="url(#magglass),crosshair"> 73 <rect stroke="none" fill="#666" x="252" y="214" width="80" height="32"/> 74 <text stroke="none" fill="#FFF" font-family="Geneva, Arial, Helvetica, sans-serif" font-weight="bold" font-size="16" x="258" y="235"><url></text> 75 </g> 76 </g> 77 <g stroke="black" stroke-width="1" fill="#900"> 78 <polygon points="116,36 116,68 148,36" cursor="nw-resize"/> 79 <polygon points="364,36 364,68 332,36" cursor="ne-resize"/> 80 <polygon points="364,280 332,280 364,248" cursor="se-resize"/> 81 <polygon points="116,280 148,280 116,248" cursor="sw-resize"/> 82 <polygon points="340,134 340,182 364,158" cursor="e-resize"/> 83 <polygon points="116,158 140,134 140,182" cursor="w-resize"/> 84 <polygon points="240,36 264,63.3 214,63.3" cursor="n-resize"/> 85 <polygon points="240,280 264,252.7 214,252.7" cursor="s-resize"/> 86 </g> 87 <!-- link to check consistency of 'pointer' cursor --> 88 <!-- target for hotspot test --> 89 <g id="target" stroke-width="1" stroke="black" cursor="url(#magglass),crosshair"> 90 <!-- make a target to test the hotspot --> 91 <circle cx="390" cy="315" r="16" stroke="none" fill="#FFC"/> 92 <polyline points="390,295 390,335"/> 93 <polyline points="370,315 410,315"/> 94 <circle cx="390" cy="315" r="6" stroke="none" fill="#FFF"/> 95 <!-- make the hotspot, taking care the cursor stays the same --> 96 <a fill="blue" xlink:href="http://www.w3.org/Icons/w3c_home"> 97 <circle cx="390" cy="315" r="2" stroke="none" fill="#000"/> 98 </a> 99 </g> 100 </g> 101 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 102 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.5 $</text> 103 </g> 104 <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/> 105 <!-- comment out this watermark once the test is approved --> 106 <!--<g id="draft-watermark"> 107 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 108 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 109 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 110 </g>--> 111 </svg> 112 </body> 113 </html>