1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
# In this case, the inner rectangle of the clip is empty, because
# the size is 200 and each corner radius is 100.
# The blue rect should be fully invisible
---
root:
items:
-
type: "stacking-context"
bounds: [0, 0, 0, 0]
items:
-
type: clip
id: 2
complex:
- rect: [ 0, 0, 200, 200 ]
radius: 100
- type: rect
bounds: [ 0, 0, 200, 200 ]
color: red
clip-chain: [2]
- type: "stacking-context"
bounds: [0, 0, 0, 0]
transform: translate(0, 0, 1)
items:
-
type: rect
bounds: [0, 0, 25, 25]
color: blue
clip-chain: [2]
|
