Source code
Revision control
Copy as Markdown
Other Tools
# Wide and short quads that need a mask and take the tiled rendering strategy.
# Two nested rounded clips are needed: a single rounded clip would be handled by
# the nine-patch strategy instead. The stack of one pixel tall quads must render
# the same as the single quad covering them in the reference.
---
root:
items:
- type: rect
bounds: [0, 0, 640, 80]
color: white
-
type: clip
id: 2
clip-rect: [20, 20, 600, 40]
complex:
- rect: [20, 20, 600, 40]
radius: [20, 20]
"clip-mode": clip
- type: clip-chain
id: 12
clips: [2]
-
type: clip
id: 3
clip-rect: [20, 20, 600, 40]
complex:
- rect: [20, 20, 600, 40]
radius: [14, 14]
"clip-mode": clip
- type: clip-chain
id: 13
clips: [3]
parent: 12
- type: rect
bounds: [20, 20, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 21, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 22, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 23, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 24, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 25, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 26, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 27, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 28, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 29, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 30, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 31, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 32, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 33, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 34, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 35, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 36, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 37, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 38, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 39, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 40, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 41, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 42, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 43, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 44, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 45, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 46, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 47, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 48, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 49, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 50, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 51, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 52, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 53, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 54, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 55, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 56, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 57, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 58, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13
- type: rect
bounds: [20, 59, 600, 1]
color: [0, 0, 128, 1]
clip-chain: 13