stacking-context-clip.yaml (1027B)
1 --- 2 root: 3 items: 4 - type: clip 5 id: 2 6 complex: 7 - rect: [0, 0, 100, 100] 8 radius: { 9 top-left: 50, 10 top-right: 50, 11 bottom-left: 50, 12 bottom-right: 50, 13 } 14 - 15 type: "clip-chain" 16 id: 4 17 clips: [2] 18 - type: stacking-context 19 bounds: [0, 0, 100, 100] 20 clip-chain: 4 21 items: 22 - type: rect 23 bounds: [ 0, 0, 100, 100 ] 24 color: [0, 255, 0] 25 # The same test, but this time with hue rotation, which means that the stacking 26 # context is rendered to an intermediate surface first. Unfortunately, we cannot 27 # use a rounded clip here because we want to avoid subpixel differences and avoid 28 # relying on a PNG reference image. 29 - type: clip 30 id: 3 31 bounds: [120, 0, 50, 50] 32 - 33 type: "clip-chain" 34 id: 5 35 clips: [3] 36 - type: stacking-context 37 bounds: [100, 0, 100, 100] 38 filters: hue-rotate(90) 39 clip-chain: 5 40 items: 41 - type: rect 42 bounds: [ 0, 0, 100, 100 ] 43 color: [0, 255, 0]