svg-links.svg 622 B

123456789101112
  1. <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>
  2. <a xlink:href='http://www.apple.com' xlink:title='SUCCESS you got a tooltip'>
  3. <rect width='100' height='100' />
  4. </a>
  5. <text x='10' y='120'>
  6. Try the following with the link above:
  7. <tspan x='10' dy='20'>1. Hover and notice the status text change</tspan>
  8. <tspan x='10' dy='20'>2. Hover and notice the cursor change to a hand</tspan>
  9. <tspan x='10' dy='20'>3. Hover and notice a tooltip appear</tspan>
  10. <tspan x='10' dy='20'>4. Drag the link and notice a bubble appear with the correct URL</tspan>
  11. </text>
  12. </svg>