{
"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 DIV id='scroller'",
"bounds": [150, 150],
"drawsContent": false,
"transform": 3
},
{
"name": "LayoutBlockFlow 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 DIV id='scroller'",
"position": [135, 135],
"bounds": [15, 15],
"transform": 3
},
{
"name": "LayoutBlockFlow 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]
]
}
]
}
Codebase Browser
chromium