Source code

Revision control

Copy as Markdown

Other Tools

# 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]