Test CSS clip with composited layers. Left and right sides should look the same.
-(GraphicsLayer
- (bounds 800.00 600.00)
- (children 1
- (GraphicsLayer
- (bounds 800.00 600.00)
- (contentsOpaque 1)
- (drawsContent 1)
- (children 2
- (GraphicsLayer
- (position 25.00 35.00)
- (transformOrigin 45.00 35.00)
- (bounds 90.00 80.00)
- (contentsOpaque 1)
- (drawsContent 1)
- (backgroundColor #808080)
- (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 1.00 1.00])
- )
- (GraphicsLayer
- (position 225.00 35.00)
- (bounds 90.00 80.00)
- (children 1
- (GraphicsLayer
- (position -15.00 -25.00)
- (bounds 120.00 120.00)
- (drawsContent 1)
- (backgroundColor #00000033)
- (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 1.00 1.00])
- )
- )
- )
- )
- )
- )
-)
+{
+ "bounds": [800, 600],
+ "children": [
+ {
+ "bounds": [800, 600],
+ "contentsOpaque": true,
+ "drawsContent": true,
+ "children": [
+ {
+ "position": [25, 35],
+ "transformOrigin": [45, 35],
+ "bounds": [90, 80],
+ "contentsOpaque": true,
+ "drawsContent": true,
+ "backgroundColor": "#808080",
+ "transform": [
+ [1, 0, 0, 0],
+ [0, 1, 0, 0],
+ [0, 0, 1, 0],
+ [0, 0, 1, 1]
+ ]
+ },
+ {
+ "position": [225, 35],
+ "bounds": [90, 80],
+ "children": [
+ {
+ "position": [-15, -25],
+ "bounds": [120, 120],
+ "drawsContent": true,
+ "backgroundColor": "#00000033",
+ "transform": [
+ [1, 0, 0, 0],
+ [0, 1, 0, 0],
+ [0, 0, 1, 0],
+ [0, 0, 1, 1]
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}