← Back to branch summary

~ubuntu-branches/ubuntu/raring/qtwebkit-source/raring-proposed

« back to all changes in this revision

Viewing changes to ManualTests/svg-cursor-changes.svg

  • Committer: Package Import Robot
  • Author(s): Jonathan Riddell
  • Date: 2013-02-18 14:24:18 UTC
  • Revision ID: package-import@ubuntu.com-20130218142418-eon0jmjg3nj438uy
Tags: upstream-2.3
Import upstream version 2.3

Show diffs side-by-side

added added

removed removed

Lines of Context:
ManualTests/svg-cursor-changes.svg
 
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>