| OLD | NEW |
| 1 | 1 |
| 2 { | 2 { |
| 3 "name": "Content Root Layer", | 3 "layers": [ |
| 4 "bounds": [800, 600], | |
| 5 "children": [ | |
| 6 { | 4 { |
| 7 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 8 "bounds": [800, 600], | 6 "bounds": [800, 600], |
| 9 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true |
| 9 }, |
| 10 { |
| 11 "name": "LayoutIFrame IFRAME", |
| 12 "position": [-11, -11], |
| 13 "bounds": [368, 218], |
| 14 "drawsContent": true |
| 15 }, |
| 16 { |
| 17 "name": "Frame Overflow Controls Host Layer", |
| 18 "position": [34, 34], |
| 19 "bounds": [300, 150] |
| 20 }, |
| 21 { |
| 22 "name": "Frame Clipping Layer", |
| 23 "bounds": [285, 150] |
| 24 }, |
| 25 { |
| 26 "name": "Frame Scrolling Layer" |
| 27 }, |
| 28 { |
| 29 "name": "Content Root Layer", |
| 30 "bounds": [285, 192] |
| 31 }, |
| 32 { |
| 33 "name": "LayoutView #document", |
| 34 "bounds": [285, 192], |
| 35 "drawsContent": true |
| 36 }, |
| 37 { |
| 38 "name": "LayoutIFrame IFRAME", |
| 39 "position": [8, 8], |
| 40 "bounds": [252, 172], |
| 41 "drawsContent": true |
| 42 }, |
| 43 { |
| 44 "name": "Frame Overflow Controls Host Layer", |
| 45 "position": [1, 1], |
| 46 "bounds": [250, 170] |
| 47 }, |
| 48 { |
| 49 "name": "Frame Clipping Layer", |
| 50 "bounds": [250, 170] |
| 51 }, |
| 52 { |
| 53 "name": "Frame Scrolling Layer" |
| 54 }, |
| 55 { |
| 56 "name": "Content Root Layer", |
| 57 "bounds": [250, 230] |
| 58 }, |
| 59 { |
| 60 "name": "LayoutView #document", |
| 61 "bounds": [250, 230], |
| 10 "drawsContent": true, | 62 "drawsContent": true, |
| 11 "children": [ | 63 "backgroundColor": "#C0C0C0" |
| 12 { | 64 }, |
| 13 "name": "LayoutIFrame IFRAME", | 65 { |
| 14 "position": [-11, -11], | 66 "name": "LayoutBlockFlow DIV id='iframe-content' class='box'", |
| 15 "bounds": [368, 218], | 67 "position": [18, 10], |
| 16 "drawsContent": true, | 68 "bounds": [210, 210], |
| 17 "children": [ | 69 "contentsOpaque": true, |
| 18 { | 70 "drawsContent": true, |
| 19 "name": "Frame Overflow Controls Host Layer", | 71 "backgroundColor": "#0000FF" |
| 20 "position": [34, 34], | 72 }, |
| 21 "bounds": [300, 150], | 73 { |
| 22 "children": [ | 74 "name": "Frame Vertical Scrollbar Layer", |
| 23 { | 75 "position": [285, 0], |
| 24 "name": "Frame Clipping Layer", | 76 "bounds": [15, 150] |
| 25 "bounds": [285, 150], | 77 }, |
| 26 "children": [ | 78 { |
| 27 { | 79 "name": "LayoutBlockFlow DIV class='box'", |
| 28 "name": "Frame Scrolling Layer", | 80 "position": [18, 202], |
| 29 "children": [ | 81 "bounds": [210, 210], |
| 30 { | 82 "contentsOpaque": true, |
| 31 "name": "Content Root Layer", | 83 "drawsContent": true, |
| 32 "bounds": [285, 192], | 84 "backgroundColor": "#0000FF", |
| 33 "children": [ | 85 "transform": [ |
| 34 { | 86 [1, 0, 0, 0], |
| 35 "name": "LayoutView #document", | 87 [0, 1, 0, 0], |
| 36 "bounds": [285, 192], | 88 [0, 0, 1, 0], |
| 37 "drawsContent": true, | 89 [0, 0, 1, 1] |
| 38 "children": [ | |
| 39 { | |
| 40 "name": "LayoutIFrame IFRAME", | |
| 41 "position": [8, 8], | |
| 42 "bounds": [252, 172], | |
| 43 "drawsContent": true, | |
| 44 "children": [ | |
| 45 { | |
| 46 "name": "Frame Overflow Controls Host Laye
r", | |
| 47 "position": [1, 1], | |
| 48 "bounds": [250, 170], | |
| 49 "children": [ | |
| 50 { | |
| 51 "name": "Frame Clipping Layer", | |
| 52 "bounds": [250, 170], | |
| 53 "children": [ | |
| 54 { | |
| 55 "name": "Frame Scrolling Layer", | |
| 56 "children": [ | |
| 57 { | |
| 58 "name": "Content Root Layer", | |
| 59 "bounds": [250, 230], | |
| 60 "children": [ | |
| 61 { | |
| 62 "name": "LayoutView #docum
ent", | |
| 63 "bounds": [250, 230], | |
| 64 "drawsContent": true, | |
| 65 "backgroundColor": "#C0C0C
0", | |
| 66 "children": [ | |
| 67 { | |
| 68 "name": "LayoutBlockFl
ow DIV id='iframe-content' class='box'", | |
| 69 "position": [18, 10], | |
| 70 "bounds": [210, 210], | |
| 71 "contentsOpaque": true
, | |
| 72 "drawsContent": true, | |
| 73 "backgroundColor": "#0
000FF" | |
| 74 } | |
| 75 ] | |
| 76 } | |
| 77 ] | |
| 78 } | |
| 79 ] | |
| 80 } | |
| 81 ] | |
| 82 } | |
| 83 ] | |
| 84 } | |
| 85 ] | |
| 86 } | |
| 87 ] | |
| 88 } | |
| 89 ] | |
| 90 } | |
| 91 ] | |
| 92 } | |
| 93 ] | |
| 94 }, | |
| 95 { | |
| 96 "name": "Frame Vertical Scrollbar Layer", | |
| 97 "position": [285, 0], | |
| 98 "bounds": [15, 150] | |
| 99 } | |
| 100 ] | |
| 101 } | |
| 102 ] | |
| 103 }, | |
| 104 { | |
| 105 "name": "LayoutBlockFlow DIV class='box'", | |
| 106 "position": [18, 202], | |
| 107 "bounds": [210, 210], | |
| 108 "contentsOpaque": true, | |
| 109 "drawsContent": true, | |
| 110 "backgroundColor": "#0000FF", | |
| 111 "transform": [ | |
| 112 [1, 0, 0, 0], | |
| 113 [0, 1, 0, 0], | |
| 114 [0, 0, 1, 0], | |
| 115 [0, 0, 1, 1] | |
| 116 ] | |
| 117 } | |
| 118 ] | 90 ] |
| 119 } | 91 } |
| 120 ] | 92 ] |
| 121 } | 93 } |
| 122 | 94 |
| OLD | NEW |