OLD | NEW |
1 <html xmlns="http://www.w3.org/1999/xhtml"> | 1 <html xmlns="http://www.w3.org/1999/xhtml"> |
2 <style> | 2 <style> |
3 #transformOriginDiv { | 3 #transformOriginDiv { |
4 position: absolute; | 4 position: absolute; |
5 width: 30px; | 5 width: 30px; |
6 height: 30px; | 6 height: 30px; |
7 background: green; | 7 background: green; |
8 -webkit-transform: rotate(90deg); | 8 transform: rotate(90deg); |
9 } | 9 } |
10 </style> | 10 </style> |
11 | 11 |
12 <body> | 12 <body> |
13 <div id="divRoot"></div> | 13 <div id="divRoot"></div> |
14 | 14 |
15 <script><![CDATA[ | 15 <script><![CDATA[ |
16 | 16 |
17 function addTransformOriginDiv(x, y, transformOrigin) | 17 function addTransformOriginDiv(x, y, transformOrigin) |
18 { | 18 { |
(...skipping 17 matching lines...) Expand all Loading... |
36 | 36 |
37 for (var i = 0; i < equivalentTransformOrigins.length; i++) { | 37 for (var i = 0; i < equivalentTransformOrigins.length; i++) { |
38 var x = 60 + (i % 4) * 60; | 38 var x = 60 + (i % 4) * 60; |
39 var y = 60 + Math.floor(i / 4) * 60; | 39 var y = 60 + Math.floor(i / 4) * 60; |
40 equivalentTransformOrigins[i].map( function(s) { addTransformOriginDiv(
x, y, s); } ); | 40 equivalentTransformOrigins[i].map( function(s) { addTransformOriginDiv(
x, y, s); } ); |
41 } | 41 } |
42 | 42 |
43 ]]></script> | 43 ]]></script> |
44 </body> | 44 </body> |
45 </html> | 45 </html> |
OLD | NEW |