| zimmermann@webkit.org | 85eb2e0 | 2008-02-13 20:41:47 +0000 | [diff] [blame] | 1 | <svg width="100%" height="100%" viewBox="0 0 300 600" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 2 | <cursor id="mycursor" x="10" y="10" xlink:href="resources/webkit-background.png"/> |
| 3 | |
| 4 | <!-- Clicking this circle should result in an instant update of the cursor location of this and the next circle (tested using DOM) --> |
| 5 | <circle onclick="document.getElementById('mycursor').setAttribute('x', '100');" cx="80" cy="150" r="70" fill="green" cursor="url(#mycursor)"/> |
| 6 | |
| 7 | <!-- Clicking this circle should result in an instant update of the cursor location of this and the previous circle (tested using SVG DOM) --> |
| 8 | <circle onclick="document.getElementById('mycursor').x.baseVal.value = 100;" cx="230" cy="150" r="70" fill="green" cursor="url(#mycursor)"/> |
| 9 | |
| 10 | <cursor id="mycursor2" x="10" y="10" xlink:href="resources/webkit-background.png"/> |
| 11 | <cursor id="mycursor3" x="10" y="10" xlink:href="resources/webkit-background.png"/> |
| 12 | |
| 13 | <!-- Clicking this circle should result in an instant update of the cursor location (tested using DOM) --> |
| 14 | <circle onclick="document.getElementById('mycursor2').setAttribute('x', '100');" cx="80" cy="310" r="70" fill="green" cursor="url(#mycursor2)"/> |
| 15 | |
| 16 | <!-- Clicking this circle should result in an instant update of the cursor location (tested using SVG DOM) --> |
| 17 | <circle onclick="document.getElementById('mycursor3').x.baseVal.value = 100;" cx="230" cy="310" r="70" fill="green" cursor="url(#mycursor3)"/> |
| 18 | |
| 19 | <cursor id="mycursor4" x="10" y="10" xlink:href="resources/apple.jpg"/> |
| 20 | |
| 21 | <!-- Clicking this circle should result in an instant update of the cursor image (tested using DOM) --> |
| 22 | <circle onclick="document.getElementById('mycursor4').setAttributeNS('http://www.w3.org/1999/xlink', 'xlink:href', 'resources/webkit-background.png');" cx="80" cy="470" r="70" fill="green" cursor="url(#mycursor4)"/> |
| 23 | |
| 24 | <cursor id="mycursor5" x="10" y="10" xlink:href="resources/apple.jpg"/> |
| 25 | |
| 26 | <!-- Clicking this circle should result in an instant update of the cursor image (tested using SVG DOM) --> |
| 27 | <circle onclick="document.getElementById('mycursor5').href.baseVal = 'resources/webkit-background.png';" cx="230" cy="470" r="70" fill="green" cursor="url(#mycursor5)"/> |
| 28 | |
| 29 | </svg> |
