| 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": "Ancestor Clipping Layer", |
| 11 "position": [48, 38], |
| 12 "bounds": [60, 70], |
| 13 "shouldFlattenTransform": false |
| 14 }, |
| 15 { |
| 16 "name": "LayoutBlockFlow DIV class='box'", |
| 17 "position": [2, 12], |
| 18 "bounds": [100, 150], |
| 19 "contentsOpaque": true, |
| 9 "drawsContent": true, | 20 "drawsContent": true, |
| 10 "children": [ | 21 "backgroundColor": "#808080", |
| 11 { | 22 "transform": [ |
| 12 "name": "Ancestor Clipping Layer", | 23 [1, 0, 0, 0], |
| 13 "position": [48, 38], | 24 [0, 1, 0, 0], |
| 14 "bounds": [60, 70], | 25 [0, 0, 1, 0], |
| 15 "shouldFlattenTransform": false, | 26 [0, 0, 1, 1] |
| 16 "children": [ | 27 ] |
| 17 { | 28 }, |
| 18 "name": "LayoutBlockFlow DIV class='box'", | 29 { |
| 19 "position": [2, 12], | 30 "name": "Ancestor Clipping Layer", |
| 20 "bounds": [100, 150], | 31 "position": [240, 38], |
| 21 "contentsOpaque": true, | 32 "bounds": [60, 70], |
| 22 "drawsContent": true, | 33 "shouldFlattenTransform": false |
| 23 "backgroundColor": "#808080", | 34 }, |
| 24 "transform": [ | 35 { |
| 25 [1, 0, 0, 0], | 36 "name": "LayoutBlockFlow DIV class='box'", |
| 26 [0, 1, 0, 0], | 37 "position": [2, 12], |
| 27 [0, 0, 1, 0], | 38 "bounds": [100, 150], |
| 28 [0, 0, 1, 1] | 39 "contentsOpaque": true, |
| 29 ] | 40 "drawsContent": true, |
| 30 } | 41 "backgroundColor": "#808080", |
| 31 ] | 42 "transform": [ |
| 32 }, | 43 [1, 0, 0, 0], |
| 33 { | 44 [0, 1, 0, 0], |
| 34 "name": "Ancestor Clipping Layer", | 45 [0, 0, 1, 0], |
| 35 "position": [240, 38], | 46 [0, 0, 1, 1] |
| 36 "bounds": [60, 70], | 47 ] |
| 37 "shouldFlattenTransform": false, | 48 }, |
| 38 "children": [ | 49 { |
| 39 { | 50 "name": "LayoutBlockFlow (positioned) DIV class='container'", |
| 40 "name": "LayoutBlockFlow DIV class='box'", | 51 "position": [48, 230], |
| 41 "position": [2, 12], | 52 "bounds": [60, 70], |
| 42 "bounds": [100, 150], | 53 "drawsContent": true |
| 43 "contentsOpaque": true, | 54 }, |
| 44 "drawsContent": true, | 55 { |
| 45 "backgroundColor": "#808080", | 56 "name": "Child Containment Layer", |
| 46 "transform": [ | 57 "bounds": [60, 70] |
| 47 [1, 0, 0, 0], | 58 }, |
| 48 [0, 1, 0, 0], | 59 { |
| 49 [0, 0, 1, 0], | 60 "name": "LayoutBlockFlow DIV class='box'", |
| 50 [0, 0, 1, 1] | 61 "position": [2, 12], |
| 51 ] | 62 "bounds": [100, 150], |
| 52 } | 63 "contentsOpaque": true, |
| 53 ] | 64 "drawsContent": true, |
| 54 }, | 65 "backgroundColor": "#808080", |
| 55 { | 66 "transform": [ |
| 56 "name": "LayoutBlockFlow (positioned) DIV class='container'", | 67 [1, 0, 0, 0], |
| 57 "position": [48, 230], | 68 [0, 1, 0, 0], |
| 58 "bounds": [60, 70], | 69 [0, 0, 1, 0], |
| 59 "drawsContent": true, | 70 [0, 0, 1, 1] |
| 60 "children": [ | 71 ] |
| 61 { | 72 }, |
| 62 "name": "Child Containment Layer", | 73 { |
| 63 "bounds": [60, 70], | 74 "name": "LayoutBlockFlow (positioned) DIV class='container'", |
| 64 "children": [ | 75 "position": [240, 230], |
| 65 { | 76 "bounds": [60, 70], |
| 66 "name": "LayoutBlockFlow DIV class='box'", | 77 "drawsContent": true |
| 67 "position": [2, 12], | 78 }, |
| 68 "bounds": [100, 150], | 79 { |
| 69 "contentsOpaque": true, | 80 "name": "Child Containment Layer", |
| 70 "drawsContent": true, | 81 "bounds": [60, 70] |
| 71 "backgroundColor": "#808080", | 82 }, |
| 72 "transform": [ | 83 { |
| 73 [1, 0, 0, 0], | 84 "name": "LayoutBlockFlow DIV class='box'", |
| 74 [0, 1, 0, 0], | 85 "position": [2, 12], |
| 75 [0, 0, 1, 0], | 86 "bounds": [100, 150], |
| 76 [0, 0, 1, 1] | 87 "contentsOpaque": true, |
| 77 ] | 88 "drawsContent": true, |
| 78 } | 89 "backgroundColor": "#808080", |
| 79 ] | 90 "transform": [ |
| 80 } | 91 [1, 0, 0, 0], |
| 81 ] | 92 [0, 1, 0, 0], |
| 82 }, | 93 [0, 0, 1, 0], |
| 83 { | 94 [0, 0, 1, 1] |
| 84 "name": "LayoutBlockFlow (positioned) DIV class='container'", | |
| 85 "position": [240, 230], | |
| 86 "bounds": [60, 70], | |
| 87 "drawsContent": true, | |
| 88 "children": [ | |
| 89 { | |
| 90 "name": "Child Containment Layer", | |
| 91 "bounds": [60, 70], | |
| 92 "children": [ | |
| 93 { | |
| 94 "name": "LayoutBlockFlow DIV class='box'", | |
| 95 "position": [2, 12], | |
| 96 "bounds": [100, 150], | |
| 97 "contentsOpaque": true, | |
| 98 "drawsContent": true, | |
| 99 "backgroundColor": "#808080", | |
| 100 "transform": [ | |
| 101 [1, 0, 0, 0], | |
| 102 [0, 1, 0, 0], | |
| 103 [0, 0, 1, 0], | |
| 104 [0, 0, 1, 1] | |
| 105 ] | |
| 106 } | |
| 107 ] | |
| 108 } | |
| 109 ] | |
| 110 } | |
| 111 ] | 95 ] |
| 112 } | 96 } |
| 113 ] | 97 ] |
| 114 } | 98 } |
| 115 | 99 |
| OLD | NEW |