| 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 |