| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", |
| 2 "bounds": [800, 600], | 3 "bounds": [800, 600], |
| 3 "children": [ | 4 "children": [ |
| 4 { | 5 { |
| 6 "name": "LayoutView #document", |
| 5 "bounds": [800, 600], | 7 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 7 "drawsContent": true, | 9 "drawsContent": true, |
| 8 "children": [ | 10 "children": [ |
| 9 { | 11 { |
| 12 "name": "LayoutBlockFlow (positioned) DIV class='composited box'", |
| 10 "position": [15, 15], | 13 "position": [15, 15], |
| 11 "bounds": [110, 110], | 14 "bounds": [110, 110], |
| 12 "drawsContent": true, | 15 "drawsContent": true, |
| 13 "backgroundColor": "#808080", | 16 "backgroundColor": "#808080", |
| 14 "transform": [ | 17 "transform": [ |
| 15 [1, 0, 0, 0], | 18 [1, 0, 0, 0], |
| 16 [0, 1, 0, 0], | 19 [0, 1, 0, 0], |
| 17 [0, 0, 1, 0], | 20 [0, 0, 1, 0], |
| 18 [0, 0, 1, 1] | 21 [0, 0, 1, 1] |
| 19 ] | 22 ] |
| 20 }, | 23 }, |
| 21 { | 24 { |
| 25 "name": "Ancestor Clipping Layer", |
| 22 "position": [215, 15], | 26 "position": [215, 15], |
| 23 "bounds": [110, 110], | 27 "bounds": [110, 110], |
| 24 "shouldFlattenTransform": false, | 28 "shouldFlattenTransform": false, |
| 25 "children": [ | 29 "children": [ |
| 26 { | 30 { |
| 31 "name": "LayoutBlockFlow (relative positioned) DIV class='composit
ed inner'", |
| 27 "position": [-5, -5], | 32 "position": [-5, -5], |
| 28 "bounds": [120, 120], | 33 "bounds": [120, 120], |
| 29 "drawsContent": true, | 34 "drawsContent": true, |
| 30 "backgroundColor": "#00000033", | 35 "backgroundColor": "#00000033", |
| 31 "transform": [ | 36 "transform": [ |
| 32 [1, 0, 0, 0], | 37 [1, 0, 0, 0], |
| 33 [0, 1, 0, 0], | 38 [0, 1, 0, 0], |
| 34 [0, 0, 1, 0], | 39 [0, 0, 1, 0], |
| 35 [0, 0, 1, 1] | 40 [0, 0, 1, 1] |
| 36 ] | 41 ] |
| 37 } | 42 } |
| 38 ] | 43 ] |
| 39 } | 44 } |
| 40 ] | 45 ] |
| 41 } | 46 } |
| 42 ] | 47 ] |
| 43 } | 48 } |
| 44 | 49 |
| OLD | NEW |