Auto-rebaseline for r176651

http://src.chromium.org/viewvc/blink?view=revision&revision=176651

BUG=381221
TBR=wangxianzhu@chromium.org

Review URL: https://codereview.chromium.org/348583003

git-svn-id: svn://svn.chromium.org/blink/trunk@176693 bbb929c8-8fbe-4397-9dbb-9b2b20218538
parent e006fabc
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(repaint rects "repaintRects": [
(rect 62.00 142.00 492.00 55.00) [62, 142, 492, 55],
(rect 62.00 142.00 492.00 10.00) [62, 142, 492, 10],
(rect 58.00 256.00 500.00 45.00) [58, 256, 500, 45],
(rect 58.00 256.00 500.00 45.00) [58, 256, 500, 45],
(rect 58.00 156.00 500.00 45.00) [58, 156, 500, 45],
(rect 8.00 176.00 784.00 45.00) [8, 176, 784, 45],
(rect 0.00 184.00 800.00 45.00) [0, 184, 800, 45]
) ]
) }
) ]
) }
This content is in the parent
Box should switch between perspective and flat
First dump layer tree:
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
)
)
)
Second dump layer tree:
(GraphicsLayer (GraphicsLayer
(bounds 800.00 600.00) (bounds 800.00 600.00)
(children 1 (children 1
...@@ -24,36 +8,42 @@ Second dump layer tree: ...@@ -24,36 +8,42 @@ Second dump layer tree:
(children 1 (children 1
(GraphicsLayer (GraphicsLayer
(position 8.00 8.00) (position 8.00 8.00)
(bounds 342.00 292.00) (bounds 202.00 202.00)
(drawsContent 1) (drawsContent 1)
(children 1 (children 4
(GraphicsLayer (GraphicsLayer
(position 31.00 39.00) (position 1.00 1.00)
(bounds 250.00 220.00) (bounds 185.00 185.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #0000FF)
(children 1 (children 1
(GraphicsLayer (GraphicsLayer
(position 10.00 10.00) (bounds 185.00 1025.00)
(bounds 200.00 200.00) (shouldFlattenTransform 0)
(contentsOpaque 1)
(drawsContent 1) (drawsContent 1)
(backgroundColor #FFFF00)
(transform [0.87 0.50 0.00 0.00] [-0.50 0.87 0.00 0.00] [0.00 0.00 1.00 0.00] [0.00 0.00 0.00 1.00])
(children 1 (children 1
(GraphicsLayer (GraphicsLayer
(position 100.00 0.00)
(bounds 250.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
(transform [0.50 0.00 -0.87 0.00] [0.00 1.00 0.00 0.00] [0.87 0.00 0.50 -0.00] [-30.00 30.00 100.00 0.75])
) )
) )
) )
) )
) )
(GraphicsLayer
(position 1.00 186.00)
(bounds 185.00 15.00)
(drawsContent 1)
)
(GraphicsLayer
(position 186.00 1.00)
(bounds 15.00 185.00)
(drawsContent 1)
(repaint rects
(rect 0.00 0.00 15.00 185.00)
)
)
(GraphicsLayer
(position 186.00 186.00)
(bounds 15.00 15.00)
(drawsContent 1)
)
) )
) )
) )
...@@ -61,15 +51,3 @@ Second dump layer tree: ...@@ -61,15 +51,3 @@ Second dump layer tree:
) )
) )
Third dump layer tree:
(GraphicsLayer
(bounds 1032.00 1226.00)
(children 1
(GraphicsLayer
(bounds 1032.00 1226.00)
(contentsOpaque 1)
(drawsContent 1)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(children 1
(GraphicsLayer
(bounds 800.00 408.00)
(drawsContent 1)
(children 4
(GraphicsLayer
(position 8.00 100.00)
(bounds 10.00 10.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #FF0000)
)
(GraphicsLayer
(bounds 800.00 408.00)
(drawsContent 1)
)
(GraphicsLayer
(position 108.00 100.00)
(bounds 300.00 300.00)
(children 2
(GraphicsLayer
(bounds 285.00 300.00)
(children 1
(GraphicsLayer
(bounds 285.00 1000.00)
(shouldFlattenTransform 0)
(children 1
(GraphicsLayer
)
)
)
)
)
(GraphicsLayer
(position 285.00 0.00)
(bounds 15.00 300.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(children 2
(GraphicsLayer
(position 108.00 100.00)
(bounds 285.00 1000.00)
)
(GraphicsLayer
(position 108.00 100.00)
(bounds 285.00 1000.00)
(drawsContent 1)
)
)
)
)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintForeground
GraphicsLayerPaintMask
)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintForeground
GraphicsLayerPaintMask
)
(children 1
(GraphicsLayer
(position 8.00 8.00)
(bounds 102.00 102.00)
(drawsContent 1)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintMask
GraphicsLayerPaintCompositedScroll
)
(children 4
(GraphicsLayer
(position 1.00 1.00)
(bounds 85.00 85.00)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintForeground
GraphicsLayerPaintMask
)
(children 1
(GraphicsLayer
(bounds 85.00 120.00)
(shouldFlattenTransform 0)
(drawsContent 1)
(paintingPhases
GraphicsLayerPaintForeground
GraphicsLayerPaintOverflowContents
GraphicsLayerPaintCompositedScroll
)
(children 1
(GraphicsLayer
(paintingPhases
GraphicsLayerPaintForeground
GraphicsLayerPaintOverflowContents
GraphicsLayerPaintCompositedScroll
)
)
)
)
)
)
(GraphicsLayer
(position 1.00 86.00)
(bounds 85.00 15.00)
(drawsContent 1)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintForeground
GraphicsLayerPaintMask
)
)
(GraphicsLayer
(position 86.00 1.00)
(bounds 15.00 85.00)
(drawsContent 1)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintForeground
GraphicsLayerPaintMask
)
)
(GraphicsLayer
(position 86.00 86.00)
(bounds 15.00 15.00)
(drawsContent 1)
(paintingPhases
GraphicsLayerPaintBackground
GraphicsLayerPaintForeground
GraphicsLayerPaintMask
)
)
)
)
)
)
)
)
...@@ -6,10 +6,10 @@ ...@@ -6,10 +6,10 @@
(contentsOpaque 1) (contentsOpaque 1)
(drawsContent 1) (drawsContent 1)
(repaint rects (repaint rects
(rect 593.00 15.00 15.00 8.00) (rect 28.00 38.00 10.00 10.00)
(rect 408.00 8.00 50.00 50.00) (rect 28.00 38.00 10.00 10.00)
(rect 8.00 193.00 15.00 15.00) (rect 18.00 18.00 20.00 30.00)
(rect 8.00 8.00 50.00 50.00) (rect 18.00 18.00 10.00 10.00)
) )
) )
) )
......
...@@ -6,10 +6,8 @@ ...@@ -6,10 +6,8 @@
(contentsOpaque 1) (contentsOpaque 1)
(drawsContent 1) (drawsContent 1)
(repaint rects (repaint rects
(rect 593.00 8.00 15.00 15.00) (rect 18.00 18.00 30.00 20.00)
(rect 408.00 8.00 50.00 50.00) (rect 18.00 18.00 20.00 20.00)
(rect 8.00 193.00 15.00 15.00)
(rect 8.00 8.00 50.00 50.00)
) )
) )
) )
......
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 18.00 10.00)
(bounds 210.00 210.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #0000FF)
)
)
)
)
)
--------
Frame: '-->'
--------
(GraphicsLayer
(bounds 285.00 193.00)
(children 1
(GraphicsLayer
(bounds 285.00 193.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 8.00 8.00)
(bounds 252.00 172.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 1.00 1.00)
(children 1
(GraphicsLayer
(bounds 250.00 170.00)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 250.00 230.00)
(children 1
(GraphicsLayer
(bounds 250.00 230.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 18.00 10.00)
(bounds 210.00 210.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #0000FF)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
--------
Frame: '/-->'
--------
(GraphicsLayer
(bounds 250.00 230.00)
(children 1
(GraphicsLayer
(bounds 250.00 230.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 18.00 10.00)
(bounds 210.00 210.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #0000FF)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 4
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 2
(GraphicsLayer
(bounds 85.00 100.00)
(children 1
(GraphicsLayer
(bounds 10.00 200.00)
)
)
)
(GraphicsLayer
(position 85.00 0.00)
(bounds 15.00 100.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 2
(GraphicsLayer
(bounds 100.00 85.00)
(children 1
(GraphicsLayer
(bounds 200.00 10.00)
)
)
)
(GraphicsLayer
(position 0.00 85.00)
(bounds 100.00 15.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 4
(GraphicsLayer
(bounds 85.00 85.00)
(children 1
(GraphicsLayer
(bounds 200.00 200.00)
)
)
)
(GraphicsLayer
(position 0.00 85.00)
(bounds 85.00 15.00)
(drawsContent 1)
)
(GraphicsLayer
(position 85.00 0.00)
(bounds 15.00 85.00)
(drawsContent 1)
)
(GraphicsLayer
(position 85.00 85.00)
(bounds 15.00 15.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 2
(GraphicsLayer
(bounds 100.00 100.00)
(children 1
(GraphicsLayer
(bounds 10.00 10.00)
(drawsContent 1)
(children 1
(GraphicsLayer
)
)
)
)
)
(GraphicsLayer
(position 85.00 85.00)
(bounds 15.00 15.00)
(drawsContent 1)
)
)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 4
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 2
(GraphicsLayer
(bounds 85.00 100.00)
(children 1
(GraphicsLayer
(bounds 10.00 200.00)
)
)
)
(GraphicsLayer
(position 85.00 0.00)
(bounds 15.00 100.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 2
(GraphicsLayer
(bounds 100.00 85.00)
(children 1
(GraphicsLayer
(bounds 200.00 10.00)
)
)
)
(GraphicsLayer
(position 0.00 85.00)
(bounds 100.00 15.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 4
(GraphicsLayer
(bounds 85.00 85.00)
(children 1
(GraphicsLayer
(bounds 200.00 200.00)
)
)
)
(GraphicsLayer
(position 0.00 85.00)
(bounds 85.00 15.00)
(drawsContent 1)
)
(GraphicsLayer
(position 85.00 0.00)
(bounds 15.00 85.00)
(drawsContent 1)
)
(GraphicsLayer
(position 85.00 85.00)
(bounds 15.00 15.00)
(drawsContent 1)
)
)
)
(GraphicsLayer
(position 8.00 13.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 2
(GraphicsLayer
(bounds 100.00 100.00)
(children 1
(GraphicsLayer
(bounds 10.00 10.00)
(drawsContent 1)
(children 1
(GraphicsLayer
)
)
)
)
)
(GraphicsLayer
(position 85.00 85.00)
(bounds 15.00 15.00)
(drawsContent 1)
)
)
)
)
)
)
)
...@@ -7,13 +7,13 @@ ...@@ -7,13 +7,13 @@
(drawsContent 1) (drawsContent 1)
(children 1 (children 1
(GraphicsLayer (GraphicsLayer
(children 2 (position 18.00 10.00)
(bounds 100.00 100.00)
(drawsContent 1)
(children 1
(GraphicsLayer (GraphicsLayer
(position 21.00 21.00) (position 85.00 85.00)
(bounds 100.00 100.00) (bounds 15.00 15.00)
)
(GraphicsLayer
(bounds 216.00 142.00)
(drawsContent 1) (drawsContent 1)
) )
) )
......
(GraphicsLayer
(position -215.00 0.00)
(bounds 1000.00 1000.00)
(children 1
(GraphicsLayer
(bounds 1000.00 1000.00)
(contentsOpaque 1)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 51.00 50.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 50.00 50.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
--------
Frame: '<!--framePath //<!--frame0-->-->'
--------
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 50.00 50.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 50.00 50.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
--------
Frame: '<!--framePath //<!--frame0-->-->'
--------
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 50.00 50.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 242.00 58.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
)
--------
Frame: '<!--framePath //<!--frame0-->-->'
--------
(GraphicsLayer
(bounds 400.00 400.00)
(children 1
(GraphicsLayer
(bounds 400.00 400.00)
(drawsContent 1)
(children 1
(GraphicsLayer
(position 242.00 58.00)
(bounds 100.00 100.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #008000)
)
)
)
)
)
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(children 2
(GraphicsLayer
(position 8.00 8.00)
(bounds 784.00 10.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #ADD8E6)
(children 1
(GraphicsLayer
(bounds 784.00 10.00)
(children 1
(GraphicsLayer
(bounds 784.00 10.00)
(contentsOpaque 1)
(drawsContent 1)
(backgroundColor #F5F5F5)
)
)
)
)
)
(GraphicsLayer
(position 8.00 0.00)
(bounds 216.00 100.00)
(drawsContent 1)
(backgroundColor #90EE90)
)
)
)
)
)
(GraphicsLayer (GraphicsLayer
(bounds 800.00 600.00) (bounds 1808.00 585.00)
(children 1 (children 1
(GraphicsLayer (GraphicsLayer
(bounds 800.00 600.00) (bounds 1808.00 585.00)
(contentsOpaque 1) (contentsOpaque 1)
(drawsContent 1) (drawsContent 1)
(repaint rects (children 1
(rect 593.00 15.00 15.00 8.00) (GraphicsLayer
(rect 408.00 8.00 50.00 50.00) (position 8.00 8.00)
(rect 8.00 193.00 15.00 15.00) (bounds 1800.00 10.00)
(rect 8.00 8.00 50.00 50.00) (contentsOpaque 1)
(drawsContent 1)
(backgroundColor #0000FF)
)
) )
) )
) )
......
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(bounds 400.00 400.00) "bounds": [400, 400],
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(children 4 "children": [
(GraphicsLayer {
(bounds 385.00 385.00) "bounds": [385, 385],
(children 1 "children": [
(GraphicsLayer {
(children 1 "children": [
(GraphicsLayer {
(position -615.00 0.00) "position": [-615, 0],
(bounds 1000.00 1000.00) "bounds": [1000, 1000],
(children 1 "children": [
(GraphicsLayer {
(bounds 1000.00 1000.00) "bounds": [1000, 1000],
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 665.00 50.00) "position": [665, 50],
(bounds 100.00 100.00) "bounds": [100, 100],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #008000) "backgroundColor": "#008000"
) }
) ]
) }
) ]
) }
) ]
) }
) ]
) },
(GraphicsLayer {
(position 15.00 385.00) "bounds": [15, 385],
(bounds 385.00 15.00) "drawsContent": true
(drawsContent 1) },
) {
(GraphicsLayer "position": [15, 385],
(bounds 15.00 385.00) "bounds": [385, 15],
(drawsContent 1) "drawsContent": true
) },
(GraphicsLayer {
(position 0.00 385.00) "position": [0, 385],
(bounds 15.00 15.00) "bounds": [15, 15],
(drawsContent 1) "drawsContent": true
) }
) ]
) }
) ]
) }
) ]
) }
) ]
) }
-------- --------
Frame: '<!--framePath //<!--frame0-->-->' Frame: '<!--framePath //<!--frame0-->-->'
-------- --------
(GraphicsLayer {
(position -615.00 0.00) "position": [-615, 0],
(bounds 1000.00 1000.00) "bounds": [1000, 1000],
(children 1 "children": [
(GraphicsLayer {
(bounds 1000.00 1000.00) "bounds": [1000, 1000],
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 665.00 50.00) "position": [665, 50],
(bounds 100.00 100.00) "bounds": [100, 100],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #008000) "backgroundColor": "#008000"
) }
) ]
) }
) ]
) }
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 2 "children": [
(GraphicsLayer {
(position 18.00 18.00) "position": [18, 18],
(bounds 206.00 126.00) "bounds": [206, 126],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #CCCCCC) "backgroundColor": "#CCCCCC",
(children 3 "children": [
(GraphicsLayer {
(position 1.00 1.00) "position": [1, 1],
(bounds 189.00 124.00) "bounds": [189, 124],
(children 1 "children": [
(GraphicsLayer {
(bounds 189.00 328.00) "bounds": [189, 328],
(shouldFlattenTransform 0) "shouldFlattenTransform": false,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
)
) }
) ]
) }
) ]
(GraphicsLayer },
(position 190.00 1.00) {
(bounds 15.00 109.00) "position": [190, 1],
(drawsContent 1) "bounds": [15, 109],
) "drawsContent": true
(GraphicsLayer },
(position 190.00 110.00) {
(bounds 15.00 15.00) "position": [190, 110],
(drawsContent 1) "bounds": [15, 15],
) "drawsContent": true
) }
) ]
(GraphicsLayer },
(position 248.00 18.00) {
(bounds 206.00 126.00) "position": [248, 18],
(contentsOpaque 1) "bounds": [206, 126],
(drawsContent 1) "contentsOpaque": true,
(backgroundColor #CCCCCC) "drawsContent": true,
(children 3 "backgroundColor": "#CCCCCC",
(GraphicsLayer "children": [
(position 1.00 1.00) {
(bounds 189.00 124.00) "position": [1, 1],
(children 1 "bounds": [189, 124],
(GraphicsLayer "children": [
(bounds 189.00 328.00) {
(shouldFlattenTransform 0) "bounds": [189, 328],
(drawsContent 1) "shouldFlattenTransform": false,
(children 1 "drawsContent": true,
(GraphicsLayer "children": [
) {
)
) }
) ]
) }
(GraphicsLayer ]
(position 190.00 1.00) },
(bounds 15.00 109.00) {
(drawsContent 1) "position": [190, 1],
) "bounds": [15, 109],
(GraphicsLayer "drawsContent": true
(position 190.00 110.00) },
(bounds 15.00 15.00) {
(drawsContent 1) "position": [190, 110],
) "bounds": [15, 15],
) "drawsContent": true
) }
) ]
) }
) ]
) }
]
}
lorem ipsumlorem ipsumlorem ipsum lorem ipsumlorem ipsumlorem ipsum
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(children 2 "children": [
(GraphicsLayer {
(position 8.00 8.00) "position": [8, 8],
(bounds 300.00 500.00) "bounds": [300, 500]
) },
(GraphicsLayer {
(position 15.00 35.00) "position": [15, 35],
(bounds 100.00 210.00) "bounds": [100, 210],
(drawsContent 1) "drawsContent": true,
(repaint rects "repaintRects": [
(rect 34.00 80.00 6.00 19.00) [34, 80, 6, 19],
(rect 0.00 80.00 35.00 39.00) [0, 80, 35, 39]
) ]
) }
) ]
) }
) ]
) }
) ]
) }
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(children 2 "children": [
(GraphicsLayer {
(position 8.00 8.00) "position": [8, 8],
(bounds 300.00 500.00) "bounds": [300, 500]
) },
(GraphicsLayer {
(position 15.00 35.00) "position": [15, 35],
(bounds 100.00 210.00) "bounds": [100, 210],
(drawsContent 1) "drawsContent": true,
(repaint rects "repaintRects": [
(rect 34.00 160.00 6.00 19.00) [34, 160, 6, 19],
(rect 34.00 80.00 6.00 39.00) [34, 80, 6, 39],
(rect 0.00 160.00 35.00 39.00) [0, 160, 35, 39],
(rect 0.00 119.00 100.00 11.00) [0, 119, 100, 11],
(rect 0.00 80.00 35.00 39.00) [0, 80, 35, 39]
) ]
) }
) ]
) }
) ]
) }
) ]
) }
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 2 "children": [
(GraphicsLayer {
(position 10.00 10.00) "position": [10, 10],
(transformOrigin -10.00 -10.00) "transformOrigin": [-10, -10],
(bounds 590.00 210.00) "bounds": [590, 210],
(drawsContent 1) "drawsContent": true
) },
(GraphicsLayer {
(position 10.00 260.00) "position": [10, 260],
(transformOrigin -10.00 -10.00) "transformOrigin": [-10, -10],
(bounds 590.00 210.00) "bounds": [590, 210],
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 490.00 110.00) "position": [490, 110],
(bounds 100.00 100.00) "bounds": [100, 100],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #0000FF) "backgroundColor": "#0000FF"
) }
) ]
) }
) ]
) }
) ]
) }
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 2 "children": [
(GraphicsLayer {
(position 14.00 164.00) "position": [14, 164],
(bounds 210.00 60.00) "bounds": [210, 60],
(drawsContent 1) "drawsContent": true,
(backgroundColor #0000FF) "backgroundColor": "#0000FF",
(children 1 "children": [
(GraphicsLayer {
(position 5.00 5.00) "position": [5, 5],
(bounds 50.00 50.00) "bounds": [50, 50],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #008000) "backgroundColor": "#008000"
) }
) ]
) },
(GraphicsLayer {
(position 272.00 89.00) "position": [272, 89],
(bounds 210.00 60.00) "bounds": [210, 60],
(drawsContent 1) "drawsContent": true,
(backgroundColor #0000FF) "backgroundColor": "#0000FF",
(children 1 "children": [
(GraphicsLayer {
(position 5.00 5.00) "position": [5, 5],
(bounds 50.00 50.00) "bounds": [50, 50],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #008000) "backgroundColor": "#008000"
) }
) ]
) }
) ]
) }
) ]
) }
...@@ -2,74 +2,84 @@ This content is in the parent ...@@ -2,74 +2,84 @@ This content is in the parent
Box should switch between perspective and flat Box should switch between perspective and flat
First dump layer tree: First dump layer tree:
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true
) }
) ]
) }
Second dump layer tree: Second dump layer tree:
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 8.00 8.00) "position": [8, 8],
(bounds 342.00 292.00) "bounds": [342, 292],
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 31.00 41.00) "position": [31, 41],
(bounds 250.00 220.00) "bounds": [250, 220],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #0000FF) "backgroundColor": "#0000FF",
(children 1 "children": [
(GraphicsLayer {
(position 10.00 10.00) "position": [10, 10],
(bounds 200.00 200.00) "bounds": [200, 200],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #FFFF00) "backgroundColor": "#FFFF00",
(transform [0.87 0.50 0.00 0.00] [-0.50 0.87 0.00 0.00] [0.00 0.00 1.00 0.00] [0.00 0.00 0.00 1.00]) "transform": [
(children 1 [0.866025403784439, 0.5, 0, 0],
(GraphicsLayer [-0.5, 0.866025403784439, 0, 0],
(position 100.00 0.00) [0, 0, 1, 0],
(bounds 250.00 100.00) [0, 0, 0, 1]
(contentsOpaque 1) ],
(drawsContent 1) "children": [
(backgroundColor #008000) {
(transform [0.50 0.00 -0.87 0.00] [0.00 1.00 0.00 0.00] [0.87 0.00 0.50 -0.00] [-30.00 30.00 100.00 0.75]) "position": [100, 0],
) "bounds": [250, 100],
) "contentsOpaque": true,
) "drawsContent": true,
) "backgroundColor": "#008000",
) "transform": [
) [0.5, 0, -0.866025403784439, 0.0021650635094611],
) [0, 1, 0, 0],
) [0.866025403784439, 0, 0.5, -0.00125],
) [-30, 30, 100, 0.75]
) ]
) }
]
}
]
}
]
}
]
}
]
}
Third dump layer tree: Third dump layer tree:
(GraphicsLayer {
(bounds 1032.00 1286.00) "bounds": [785, 1446],
(children 1 "children": [
(GraphicsLayer {
(bounds 1032.00 1286.00) "bounds": [785, 1446],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true
) }
) ]
) }
...@@ -2,55 +2,60 @@ This content is in the parent ...@@ -2,55 +2,60 @@ This content is in the parent
Box should switch between perspective and flat Box should switch between perspective and flat
First dump layer tree: First dump layer tree:
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true
) }
) ]
) }
Second dump layer tree: Second dump layer tree:
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 8.00 8.00) "position": [8, 8],
(bounds 242.00 192.00) "bounds": [242, 192],
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 121.00 41.00) "position": [121, 41],
(bounds 250.00 100.00) "bounds": [250, 100],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #008000) "backgroundColor": "#008000",
(transform [0.71 0.00 -0.71 0.00] [0.00 1.00 0.00 0.00] [0.71 0.00 0.71 -0.00] [-50.00 10.00 100.00 0.83]) "transform": [
) [0.707106781186548, 0, -0.707106781186548, 0.00117851130197758],
) [0, 1, 0, 0],
) [0.707106781186548, 0, 0.707106781186548, -0.00117851130197758],
) [-50, 10, 100, 0.833333333333333]
) ]
) }
) ]
}
]
}
]
}
Third dump layer tree: Third dump layer tree:
(GraphicsLayer {
(bounds 968.00 882.00) "bounds": [785, 962],
(children 1 "children": [
(GraphicsLayer {
(bounds 968.00 882.00) "bounds": [785, 962],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true
) }
) ]
) }
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(children 2 "children": [
(GraphicsLayer {
(position 21.00 21.00) "position": [21, 21],
(bounds 100.00 100.00) "bounds": [100, 100]
) },
(GraphicsLayer {
(bounds 216.00 142.00) "bounds": [216, 142],
(drawsContent 1) "drawsContent": true
) }
) ]
) }
) ]
) }
) ]
) }
The green box appear angled out from the yellow box and embedded in it. The green box appear angled out from the yellow box and embedded in it.
-webkit-transform: translateZ(-100px) rotateY(45deg); -webkit-transform: translateZ(-100px) rotateY(45deg);
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(children 1 "children": [
(GraphicsLayer {
(bounds 800.00 600.00) "bounds": [800, 600],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 108.00 72.00) "position": [108, 72],
(bounds 304.00 304.00) "bounds": [304, 304],
(children 1 "children": [
(GraphicsLayer {
(bounds 304.00 304.00) "bounds": [304, 304],
(shouldFlattenTransform 0) "shouldFlattenTransform": false,
(transform [1.00 0.00 0.00 0.00] [0.00 1.00 0.00 0.00] [0.00 0.00 1.00 -0.00] [0.00 0.00 0.00 1.00]) "transform": [
(children 1 [1, 0, 0, 0],
(GraphicsLayer [0, 1, 0, 0],
(position 12.00 12.00) [0, 0, 1, -0.002],
(bounds 280.00 280.00) [0, 0, 0, 1]
(opacity 0.80) ],
(contentsOpaque 1) "children": [
(shouldFlattenTransform 0) {
(3dRenderingContext 1) "position": [12, 12],
(drawsContent 1) "bounds": [280, 280],
(backgroundColor #FFFF00) "opacity": 0.800000011920929,
(transform [0.77 -0.56 -0.32 0.00] [0.00 0.50 -0.87 0.00] [0.64 0.66 0.38 0.00] [0.00 0.00 0.00 1.00]) "contentsOpaque": true,
(children 1 "shouldFlattenTransform": false,
(GraphicsLayer "3dRenderingContext": 1,
(position 40.00 40.00) "drawsContent": true,
(bounds 200.00 200.00) "backgroundColor": "#FFFF00",
(opacity 0.70) "transform": [
(contentsOpaque 1) [0.766044443118978, -0.556670399226419, -0.32139380484327, 0],
(3dRenderingContext 1) [0, 0.5, -0.866025403784439, 0],
(drawsContent 1) [0.642787609686539, 0.663413948168938, 0.383022221559489, 0],
(backgroundColor #008000) [0, 0, 0, 1]
(transform [0.77 0.00 0.64 0.00] [0.00 1.00 0.00 0.00] [-0.64 0.00 0.77 0.00] [0.00 0.00 50.00 1.00]) ],
) "children": [
) {
) "position": [40, 40],
) "bounds": [200, 200],
) "opacity": 0.699999988079071,
) "contentsOpaque": true,
) "3dRenderingContext": 1,
) "drawsContent": true,
) "backgroundColor": "#008000",
) "transform": [
) [0.766044443118978, 0, 0.642787609686539, 0],
[0, 1, 0, 0],
[-0.642787609686539, 0, 0.766044443118978, 0],
[0, 0, 50, 1]
]
}
]
}
]
}
]
}
]
}
]
}
This layer should not be composited. This layer should not be composited.
This layer should not be composited. This layer should not be composited.
This layer should be composited. This layer should be composited.
(GraphicsLayer {
(bounds 785.00 618.00) "bounds": [785, 618],
(children 1 "children": [
(GraphicsLayer {
(bounds 785.00 618.00) "bounds": [785, 618],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 18.00 394.00) "position": [18, 394],
(bounds 342.00 182.00) "bounds": [342, 182],
(shouldFlattenTransform 0) "shouldFlattenTransform": false,
(3dRenderingContext 1) "3dRenderingContext": 1,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 31.00 51.00) "position": [31, 51],
(bounds 100.00 100.00) "bounds": [100, 100],
(contentsOpaque 1) "contentsOpaque": true,
(3dRenderingContext 1) "3dRenderingContext": 1,
(drawsContent 1) "drawsContent": true,
(backgroundColor #C0C0C0) "backgroundColor": "#C0C0C0",
(transform [0.98 0.00 -0.17 0.00] [0.00 1.00 0.00 0.00] [0.17 0.00 0.98 0.00] [0.00 0.00 0.00 1.00]) "transform": [
) [0.984807753012208, 0, -0.17364817766693, 0],
) [0, 1, 0, 0],
) [0.17364817766693, 0, 0.984807753012208, 0],
) [0, 0, 0, 1]
) ]
) }
) ]
}
]
}
]
}
(GraphicsLayer {
(position -215.00 0.00) "position": [-215, 0],
(bounds 1000.00 1000.00) "bounds": [1000, 1000],
(children 1 "children": [
(GraphicsLayer {
(bounds 1000.00 1000.00) "bounds": [1000, 1000],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(children 1 "children": [
(GraphicsLayer {
(position 51.00 50.00) "position": [51, 50],
(bounds 100.00 100.00) "bounds": [100, 100],
(contentsOpaque 1) "contentsOpaque": true,
(drawsContent 1) "drawsContent": true,
(backgroundColor #008000) "backgroundColor": "#008000"
) }
) ]
) }
) ]
) }
(GraphicsLayer
(bounds 800.00 600.00)
(children 1
(GraphicsLayer
(bounds 800.00 600.00)
(contentsOpaque 1)
(drawsContent 1)
(repaint rects
(rect 593.00 15.00 15.00 8.00)
(rect 408.00 8.00 50.00 50.00)
(rect 8.00 193.00 15.00 15.00)
(rect 8.00 8.00 50.00 50.00)
)
)
)
)
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment