OLD | NEW |
---|---|
(Empty) | |
1 <html> | |
2 <head> | |
3 <style type="text/css"> | |
4 #container | |
5 { | |
6 position: absolute; | |
7 height: 200px; | |
8 width:200px; | |
9 top: 0; | |
10 left: 0; | |
11 background-color: gray; | |
12 } | |
13 | |
14 /* target contain points with negative z-offsets */ | |
15 #target | |
16 { | |
17 position: relative; | |
18 height: 160px; | |
19 width: 160px; | |
20 margin: 20px; | |
21 background-color: #DDD; | |
22 -webkit-transform: rotate3d(0, 1, 0, -45deg); | |
23 -webkit-transform-origin: right; | |
24 } | |
25 #results { | |
26 margin-top: 210px; | |
27 } | |
28 | |
29 | |
30 </style> | |
31 <script src="resources/hit-test-utils.js"></script> | |
32 <script> | |
33 const hitTestData = [ | |
34 { 'point': [50, 50], 'target' : 'container' }, | |
35 { 'point': [60, 60], 'target' : 'container' }, | |
36 { 'point': [70, 70], 'target' : 'target' }, | |
37 { 'point': [80, 80], 'target' : 'target' }, | |
38 { 'point': [90, 90], 'target' : 'target' }, | |
39 { 'point': [100, 100], 'target' : 'target' }, | |
40 { 'point': [150, 150], 'target' : 'target' }, | |
41 { 'point': [180, 180], 'target' : 'container' }, | |
42 ]; | |
43 window.addEventListener('load', runTest, false); | |
44 </script> | |
45 </head> | |
46 <body> | |
47 | |
Julien - ping for review
2013/11/25 03:40:17
We should have a description here.
| |
48 <div id="container"> | |
49 <div id="target"> | |
50 </div> | |
51 </div> | |
52 <div id="results"></div> | |
53 | |
54 </body> | |
55 </html> | |
OLD | NEW |