{ "layers": [ { "name": "Scrolling background of LayoutView #document", "bounds": [800, 600], "contentsOpaque": true, "backgroundColor": "#FFFFFF", "invalidations": [ [18, 10, 60, 40] ], "underInvalidations": [ { "x": 18, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 19, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 20, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 21, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 22, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 23, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 24, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 25, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 26, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 27, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 28, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 29, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 30, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 31, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 32, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 33, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 34, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 35, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 36, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 37, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 38, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 39, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 40, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 41, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 42, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 43, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 44, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 45, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 46, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 47, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 48, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 49, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 50, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 51, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 52, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 53, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 54, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 55, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 56, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 57, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 58, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 59, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 60, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 61, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 62, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 63, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 64, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 65, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 66, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 67, "y": 10, "oldPixel": "#0000FF", "newPixel": "#008000" } ] }, { "name": "LayoutBlockFlow DIV id='target2'", "bounds": [60, 40], "contentsOpaque": true, "backgroundColor": "#008000", "invalidations": [ [0, 0, 60, 40] ], "underInvalidations": [ { "x": 0, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 1, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 2, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 3, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 4, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 5, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 6, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 7, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 8, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 9, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 10, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 11, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 12, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 13, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 14, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 15, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 16, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 17, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 18, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 19, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 20, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 21, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 22, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 23, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 24, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 25, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 26, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 27, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 28, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 29, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 30, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 31, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 32, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 33, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 34, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 35, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 36, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 37, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 38, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 39, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 40, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 41, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 42, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 43, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 44, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 45, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 46, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 47, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 48, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 49, "y": 0, "oldPixel": "#0000FF", "newPixel": "#008000" } ], "transform": 1 }, { "name": "LayoutBlockFlow DIV", "bounds": [150, 150], "contentsOpaque": true, "backgroundColor": "#FFFF00", "invalidations": [ [40, 70, 60, 40] ], "underInvalidations": [ { "x": 40, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 41, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 42, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 43, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 44, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 45, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 46, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 47, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 48, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 49, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 50, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 51, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 52, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 53, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 54, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 55, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 56, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 57, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 58, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 59, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 60, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 61, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 62, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 63, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 64, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 65, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 66, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 67, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 68, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 69, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 70, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 71, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 72, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 73, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 74, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 75, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 76, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 77, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 78, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 79, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 80, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 81, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 82, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 83, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 84, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 85, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 86, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 87, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 88, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 89, "y": 70, "oldPixel": "#0000FF", "newPixel": "#008000" } ], "transform": 2 }, { "name": "LayoutBlockFlow (relayout-boundary) DIV id='scroller'", "bounds": [150, 150], "drawsContent": false, "transform": 3 }, { "name": "LayoutBlockFlow (relayout-boundary) DIV id='scroller'", "bounds": [135, 135], "drawsContent": false, "transform": 3 }, { "name": "HorizontalScrollbar", "position": [0, 135], "bounds": [135, 15], "contentsOpaque": true, "transform": 3 }, { "name": "VerticalScrollbar", "position": [135, 0], "bounds": [15, 135], "contentsOpaque": true, "transform": 3 }, { "name": "Scroll corner of LayoutBlockFlow (relayout-boundary) DIV id='scroller'", "position": [135, 135], "bounds": [15, 15], "contentsOpaque": true, "transform": 3 }, { "name": "LayoutBlockFlow (relayout-boundary) DIV id='scroller'", "bounds": [4000, 20060], "invalidations": [ [40, 10010, 60, 40] ], "underInvalidations": [ { "x": 40, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 41, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 42, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 43, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 44, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 45, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 46, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 47, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 48, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 49, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 50, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 51, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 52, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 53, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 54, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 55, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 56, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 57, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 58, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 59, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 60, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 61, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 62, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 63, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 64, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 65, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 66, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 67, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 68, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 69, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 70, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 71, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 72, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 73, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 74, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 75, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 76, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 77, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 78, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 79, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 80, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 81, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 82, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 83, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 84, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 85, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 86, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 87, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 88, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" }, { "x": 89, "y": 10010, "oldPixel": "#0000FF", "newPixel": "#008000" } ], "transform": 4 } ], "transforms": [ { "id": 1, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [18, 60, 0, 1] ] }, { "id": 2, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 110, 0, 1] ] }, { "id": 3, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 260, 0, 1] ] }, { "id": 4, "parent": 3, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [-50, -9950, 0, 1] ] } ] }