{
  "layers": [
    {
      "name": "Scrolling background of LayoutView #document",
      "bounds": [800, 600],
      "contentsOpaque": true,
      "backgroundColor": "#FFFFFF"
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-simple'",
      "position": [13, 8],
      "bounds": [50, 50],
      "backgroundColor": "#008000"
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-transparent-background'",
      "position": [13, 73],
      "bounds": [50, 50],
      "backgroundColor": "#00FF0080"
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-padding'",
      "position": [18, 143],
      "bounds": [50, 50]
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-border'",
      "position": [18, 208],
      "bounds": [50, 50]
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-image'",
      "position": [13, 268],
      "bounds": [50, 50]
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-opaque'",
      "position": [13, 333],
      "bounds": [50, 50],
      "contentsOpaque": true,
      "backgroundColor": "#008000"
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-opaque-border'",
      "position": [18, 403],
      "bounds": [50, 50],
      "contentsOpaque": true
    },
    {
      "name": "LayoutHTMLCanvas CANVAS id='canvas-opaque-box-shadow'",
      "position": [13, 463],
      "bounds": [50, 50],
      "contentsOpaque": true
    }
  ]
}