third_party/WebKit/LayoutTests/compositing/layer-creation/overlap-transformed-preserved-3d-expected.txt

   1 123456Before:
   2 {
   3   "bounds": [800, 600],
   4   "children": [
   5     {
   6       "bounds": [800, 600],
   7       "contentsOpaque": true,
   8       "drawsContent": true,
   9       "children": [
  10         {
  11           "position": [108, 108],
  12           "children": [
  13             {
  14               "transformOrigin": [50, 50],
  15               "shouldFlattenTransform": false,
  16               "transform": [
  17                 [1, 0, 0, 0],
  18                 [0, 1, 0, 0],
  19                 [0, 0, 1, -0.005],
  20                 [0, 0, 0, 1]
  21               ],
  22               "children": [
  23                 {
  24                   "transformOrigin": [50, 50],
  25                   "shouldFlattenTransform": false,
  26                   "3dRenderingContext": 1,
  27                   "transform": [
  28                     [0.353553390593274, 0.25, -0.5, 0],
  29                     [0, 0.353553390593274, 0.707106781186548, 0],
  30                     [0.353553390593274, -0.25, 0.5, 0],
  31                     [0, 0, 0, 1]
  32                   ],
  33                   "children": [
  34                     {
  35                       "bounds": [100, 100],
  36                       "3dRenderingContext": 1,
  37                       "drawsContent": true,
  38                       "backgroundColor": "#00FF00CC",
  39                       "transform": [
  40                         [1, 0, 0, 0],
  41                         [0, 1, 0, 0],
  42                         [0, 0, 1, 0],
  43                         [0, 0, 50, 1]
  44                       ]
  45                     },
  46                     {
  47                       "bounds": [100, 100],
  48                       "3dRenderingContext": 1,
  49                       "drawsContent": true,
  50                       "backgroundColor": "#00FF00CC",
  51                       "transform": [
  52                         [0, 0, -1, 0],
  53                         [0, 1, 0, 0],
  54                         [1, 0, 0, 0],
  55                         [50, 0, 0, 1]
  56                       ]
  57                     },
  58                     {
  59                       "bounds": [100, 100],
  60                       "3dRenderingContext": 1,
  61                       "drawsContent": true,
  62                       "backgroundColor": "#00FF00CC",
  63                       "transform": [
  64                         [-1, 0, 0, 0],
  65                         [0, 1, 0, 0],
  66                         [0, 0, -1, 0],
  67                         [0, 0, -50, 1]
  68                       ]
  69                     },
  70                     {
  71                       "bounds": [100, 100],
  72                       "3dRenderingContext": 1,
  73                       "drawsContent": true,
  74                       "backgroundColor": "#00FF00CC",
  75                       "transform": [
  76                         [0, 0, 1, 0],
  77                         [0, 1, 0, 0],
  78                         [-1, 0, 0, 0],
  79                         [-50, 0, 0, 1]
  80                       ]
  81                     },
  82                     {
  83                       "bounds": [100, 100],
  84                       "3dRenderingContext": 1,
  85                       "drawsContent": true,
  86                       "backgroundColor": "#00FF00CC",
  87                       "transform": [
  88                         [1, 0, 0, 0],
  89                         [0, 0, 1, 0],
  90                         [0, -1, 0, 0],
  91                         [0, -50, 0, 1]
  92                       ]
  93                     },
  94                     {
  95                       "bounds": [100, 100],
  96                       "3dRenderingContext": 1,
  97                       "drawsContent": true,
  98                       "backgroundColor": "#00FF00CC",
  99                       "transform": [
 100                         [1, 0, 0, 0],
 101                         [0, 0, -1, 0],
 102                         [0, 1, 0, 0],
 103                         [0, 50, 0, 1]
 104                       ]
 105                     }
 106                   ]
 107                 }
 108               ]
 109             }
 110           ]
 111         }
 112       ]
 113     }
 114   ]
 115 }
 116
 117 After:
 118 {
 119   "bounds": [800, 600],
 120   "children": [
 121     {
 122       "bounds": [800, 600],
 123       "contentsOpaque": true,
 124       "drawsContent": true,
 125       "children": [
 126         {
 127           "position": [108, 108],
 128           "children": [
 129             {
 130               "transformOrigin": [50, 50],
 131               "shouldFlattenTransform": false,
 132               "transform": [
 133                 [1, 0, 0, 0],
 134                 [0, 1, 0, 0],
 135                 [0, 0, 1, -0.005],
 136                 [0, 0, 0, 1]
 137               ],
 138               "children": [
 139                 {
 140                   "transformOrigin": [50, 50],
 141                   "shouldFlattenTransform": false,
 142                   "3dRenderingContext": 1,
 143                   "transform": [
 144                     [0.707106781186548, 0.5, -0.5, 0],
 145                     [0, 0.707106781186548, 0.707106781186548, 0],
 146                     [0.707106781186548, -0.5, 0.5, 0],
 147                     [0, 0, 0, 1]
 148                   ],
 149                   "children": [
 150                     {
 151                       "bounds": [100, 100],
 152                       "3dRenderingContext": 1,
 153                       "drawsContent": true,
 154                       "backgroundColor": "#00FF00CC",
 155                       "transform": [
 156                         [1, 0, 0, 0],
 157                         [0, 1, 0, 0],
 158                         [0, 0, 1, 0],
 159                         [0, 0, 50, 1]
 160                       ]
 161                     },
 162                     {
 163                       "bounds": [100, 100],
 164                       "3dRenderingContext": 1,
 165                       "drawsContent": true,
 166                       "backgroundColor": "#00FF00CC",
 167                       "transform": [
 168                         [0, 0, -1, 0],
 169                         [0, 1, 0, 0],
 170                         [1, 0, 0, 0],
 171                         [50, 0, 0, 1]
 172                       ]
 173                     },
 174                     {
 175                       "bounds": [100, 100],
 176                       "3dRenderingContext": 1,
 177                       "drawsContent": true,
 178                       "backgroundColor": "#00FF00CC",
 179                       "transform": [
 180                         [-1, 0, 0, 0],
 181                         [0, 1, 0, 0],
 182                         [0, 0, -1, 0],
 183                         [0, 0, -50, 1]
 184                       ]
 185                     },
 186                     {
 187                       "bounds": [100, 100],
 188                       "3dRenderingContext": 1,
 189                       "drawsContent": true,
 190                       "backgroundColor": "#00FF00CC",
 191                       "transform": [
 192                         [0, 0, 1, 0],
 193                         [0, 1, 0, 0],
 194                         [-1, 0, 0, 0],
 195                         [-50, 0, 0, 1]
 196                       ]
 197                     },
 198                     {
 199                       "bounds": [100, 100],
 200                       "3dRenderingContext": 1,
 201                       "drawsContent": true,
 202                       "backgroundColor": "#00FF00CC",
 203                       "transform": [
 204                         [1, 0, 0, 0],
 205                         [0, 0, 1, 0],
 206                         [0, -1, 0, 0],
 207                         [0, -50, 0, 1]
 208                       ]
 209                     },
 210                     {
 211                       "bounds": [100, 100],
 212                       "3dRenderingContext": 1,
 213                       "drawsContent": true,
 214                       "backgroundColor": "#00FF00CC",
 215                       "transform": [
 216                         [1, 0, 0, 0],
 217                         [0, 0, -1, 0],
 218                         [0, 1, 0, 0],
 219                         [0, 50, 0, 1]
 220                       ]
 221                     }
 222                   ]
 223                 }
 224               ]
 225             }
 226           ]
 227         },
 228         {
 229           "shouldFlattenTransform": false,
 230           "children": [
 231             {
 232               "position": [8, 8],
 233               "bounds": [100, 150],
 234               "contentsOpaque": true,
 235               "drawsContent": true,
 236               "backgroundColor": "#808080"
 237             },
 238             {
 239               "position": [8, 8],
 240               "bounds": [300, 300],
 241               "drawsContent": true
 242             }
 243           ]
 244         }
 245       ]
 246     }
 247   ]
 248 }
 249