| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", | 2 "layers": [ |
| 3 "bounds": [800, 600], | |
| 4 "children": [ | |
| 5 { | 3 { |
| 6 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
| 7 "bounds": [800, 600], | 5 "bounds": [800, 600], |
| 8 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true |
| 8 }, |
| 9 { |
| 10 "name": "LayoutBlockFlow (positioned) DIV class='container'", |
| 11 "position": [8, 8], |
| 12 "bounds": [200, 200], |
| 13 "shouldFlattenTransform": false, |
| 14 "drawsContent": true |
| 15 }, |
| 16 { |
| 17 "name": "Child Transform Layer", |
| 18 "bounds": [200, 200], |
| 19 "shouldFlattenTransform": false, |
| 20 "transform": [ |
| 21 [1, 0, 0, 0], |
| 22 [0, 1, 0, 0], |
| 23 [0, 0, 1, -0.01], |
| 24 [0, 0, 0, 1] |
| 25 ] |
| 26 }, |
| 27 { |
| 28 "name": "Scrolling Layer", |
| 29 "bounds": [185, 185], |
| 30 "shouldFlattenTransform": false |
| 31 }, |
| 32 { |
| 33 "name": "Scrolling Contents Layer", |
| 34 "bounds": [185, 265], |
| 35 "shouldFlattenTransform": false |
| 36 }, |
| 37 { |
| 38 "name": "LayoutBlockFlow (positioned) DIV class='child first'", |
| 39 "position": [0, 65], |
| 40 "bounds": [60, 200], |
| 41 "contentsOpaque": true, |
| 9 "drawsContent": true, | 42 "drawsContent": true, |
| 10 "children": [ | 43 "backgroundColor": "#008000", |
| 11 { | 44 "transform": [ |
| 12 "name": "LayoutBlockFlow (positioned) DIV class='container'", | 45 [1, 0, 0, 0], |
| 13 "position": [8, 8], | 46 [0, 1, 0, 0], |
| 14 "bounds": [200, 200], | 47 [0, 0, 1, 0], |
| 15 "shouldFlattenTransform": false, | 48 [0, 0, 10, 1] |
| 16 "drawsContent": true, | |
| 17 "children": [ | |
| 18 { | |
| 19 "name": "Child Transform Layer", | |
| 20 "bounds": [200, 200], | |
| 21 "shouldFlattenTransform": false, | |
| 22 "transform": [ | |
| 23 [1, 0, 0, 0], | |
| 24 [0, 1, 0, 0], | |
| 25 [0, 0, 1, -0.01], | |
| 26 [0, 0, 0, 1] | |
| 27 ], | |
| 28 "children": [ | |
| 29 { | |
| 30 "name": "Scrolling Layer", | |
| 31 "bounds": [185, 185], | |
| 32 "shouldFlattenTransform": false, | |
| 33 "children": [ | |
| 34 { | |
| 35 "name": "Scrolling Contents Layer", | |
| 36 "bounds": [185, 265], | |
| 37 "shouldFlattenTransform": false, | |
| 38 "children": [ | |
| 39 { | |
| 40 "name": "LayoutBlockFlow (positioned) DIV class='child
first'", | |
| 41 "position": [0, 65], | |
| 42 "bounds": [60, 200], | |
| 43 "contentsOpaque": true, | |
| 44 "drawsContent": true, | |
| 45 "backgroundColor": "#008000", | |
| 46 "transform": [ | |
| 47 [1, 0, 0, 0], | |
| 48 [0, 1, 0, 0], | |
| 49 [0, 0, 1, 0], | |
| 50 [0, 0, 10, 1] | |
| 51 ] | |
| 52 }, | |
| 53 { | |
| 54 "name": "LayoutBlockFlow (positioned) DIV class='child
second'", | |
| 55 "position": [65, 65], | |
| 56 "bounds": [60, 200], | |
| 57 "contentsOpaque": true, | |
| 58 "drawsContent": true, | |
| 59 "backgroundColor": "#0000FF", | |
| 60 "transform": [ | |
| 61 [1, 0, 0, 0], | |
| 62 [0, 1, 0, 0], | |
| 63 [0, 0, 1, 0], | |
| 64 [0, 0, 20, 1] | |
| 65 ] | |
| 66 } | |
| 67 ] | |
| 68 } | |
| 69 ] | |
| 70 } | |
| 71 ] | |
| 72 }, | |
| 73 { | |
| 74 "name": "Overflow Controls Host Layer", | |
| 75 "bounds": [200, 200], | |
| 76 "children": [ | |
| 77 { | |
| 78 "name": "Horizontal Scrollbar Layer", | |
| 79 "position": [0, 185], | |
| 80 "bounds": [185, 15] | |
| 81 }, | |
| 82 { | |
| 83 "name": "Vertical Scrollbar Layer", | |
| 84 "position": [185, 0], | |
| 85 "bounds": [15, 185] | |
| 86 }, | |
| 87 { | |
| 88 "name": "Scroll Corner Layer", | |
| 89 "position": [185, 185], | |
| 90 "bounds": [15, 15], | |
| 91 "drawsContent": true | |
| 92 } | |
| 93 ] | |
| 94 } | |
| 95 ] | |
| 96 } | |
| 97 ] | 49 ] |
| 50 }, |
| 51 { |
| 52 "name": "LayoutBlockFlow (positioned) DIV class='child second'", |
| 53 "position": [65, 65], |
| 54 "bounds": [60, 200], |
| 55 "contentsOpaque": true, |
| 56 "drawsContent": true, |
| 57 "backgroundColor": "#0000FF", |
| 58 "transform": [ |
| 59 [1, 0, 0, 0], |
| 60 [0, 1, 0, 0], |
| 61 [0, 0, 1, 0], |
| 62 [0, 0, 20, 1] |
| 63 ] |
| 64 }, |
| 65 { |
| 66 "name": "Overflow Controls Host Layer", |
| 67 "bounds": [200, 200] |
| 68 }, |
| 69 { |
| 70 "name": "Horizontal Scrollbar Layer", |
| 71 "position": [0, 185], |
| 72 "bounds": [185, 15] |
| 73 }, |
| 74 { |
| 75 "name": "Vertical Scrollbar Layer", |
| 76 "position": [185, 0], |
| 77 "bounds": [15, 185] |
| 78 }, |
| 79 { |
| 80 "name": "Scroll Corner Layer", |
| 81 "position": [185, 185], |
| 82 "bounds": [15, 15], |
| 83 "drawsContent": true |
| 98 } | 84 } |
| 99 ] | 85 ] |
| 100 } | 86 } |
| 101 | 87 |
| OLD | NEW |