LayoutTests/svg/custom/use-css-events.svg

   1 <?xml version="1.0" encoding="utf-8" standalone="no"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800" height="600">
   3 <defs>
   4 <style type="text/css"><![CDATA[
   5 .rt { visibility: hidden; fill: #fff; }
   6 .st { visibility: hidden; fill: #fff; stroke: #fff; }
   7 a:hover .rt { visibility: visible; }
   8 a:hover .st { visibility: visible; }
   9 a:focus .rt { visibility: visible; }
  10 ]]></style>
  11
  12 <symbol id="gamesBorder" viewBox="0 0 150 150">
  13     <path d="M143 103 143 117 a27,10 0 1 1 -136 0 L 7 117 7 103 a27,10 0 0 1 136 0 L52 72 a33,33 0 1 1 5 0" />
  14 </symbol>
  15
  16 <symbol id="games" viewBox="0 0 150 150">
  17     <ellipse cx="75" cy="115" rx="65" ry="25" fill="#666" />
  18     <line x1="12" y1="115" x2="12" y2="105" stroke="#666" stroke-width="6"/>
  19     <line x1="138" y1="115" x2="138" y2="105" stroke="#666" stroke-width="6"/>
  20     <ellipse cx="75" cy="105" rx="65" ry="25" fill="#999" />
  21     <path d="M70 110 Q75 114 80 110 65 35 45 35 z" fill="#666" />
  22     <circle cx="55" cy="40" r="30" fill="#333" />
  23 </symbol>
  24
  25 <symbol id="sound" viewBox="0 0 150 150" >
  26     <path d="M5 55 45 55 70 30 70 120 45 95 5 95 z"  />
  27
  28     <g fill="none" stroke-width="7" stroke-linecap="round">
  29         <path d="M80 60 C90 70 90 80  80 90"  />
  30         <path d="M95 45 C110 60 110 90 95 105" />
  31         <path d="M110 30 C130 50 130 100 110 120" />
  32         <path d="M125 15 C150 40 150 110 125 135" />
  33     </g>
  34
  35     <circle cx="75" cy="75" r="80" fill-opacity="0.04" stroke="none"/>
  36 </symbol>
  37 </defs>
  38
  39 <rect x="0" y="0" width="100%" height="100%" fill="#cca" stroke="none" />
  40
  41 <a xlink:href="http://www.peepo.co.uk/launch/music.svg">
  42     <use xlink:href="#gamesBorder" x="0" y="25%" width="20%" height="30%" class="rt"/>
  43     <use xlink:href="#games" x="0" y="25%" width="20%" height="30%"/>
  44     <use xlink:href="#sound" x="10%" y="15%" width="20%" height="30%" class="st"/>
  45 </a>
  46
  47 <script type="text/ecmascript"><![CDATA[
  48 eventSender.mouseMoveTo(50, 200);
  49 eventSender.mouseDown();
  50 ]]></script>
  51
  52 </svg>