Invalidation
slice 0 key (0,0)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (1,0)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (0,1)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (1,1)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (1,2)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (0,2)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (1,3)
BackGroundColor changed from none to (0,0,0,0)
slice 0 key (0,3)
BackGroundColor changed from none to (0,0,0,0)
Interning
clip
52 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 329.0, y: 48.0, w: 1257.0, h: 66.0 }, BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, ClipOut), spatial_node_index: SpatialNodeIndex(1) })
53 (ClipItemKey { kind: BoxShadow(PointKey { x: 0.0, y: 0.0 }, SizeKey { w: 1257.0, h: 66.0 }, BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, RectangleKey { x: 248.0, y: -25.0, w: 1419.0, h: 228.0 }, 27px, Outset), spatial_node_index: SpatialNodeIndex(1) })
55 (ClipItemKey { kind: Rectangle(RectangleKey { x: 330.0, y: 49.0, w: 1255.0, h: 64.0 }, Clip), spatial_node_index: SpatialNodeIndex(1) })
56 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 330.0, y: 49.0, w: 1255.0, h: 64.0 }, BorderRadiusAu { top_left: 2px×2px, top_right: 2px×2px, bottom_left: 2px×2px, bottom_right: 2px×2px }, Clip), spatial_node_index: SpatialNodeIndex(1) })

prim
54 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1419.0, h: 228.0 } }, kind: Rectangle { color: Value(ColorU { r: 0, g: 0, b: 0, a: 51 }) } })
57 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1255.0, h: 64.0 } }, kind: Rectangle { color: Value(ColorU { r: 255, g: 255, b: 255, a: 255 }) } })

normal_border
58 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1257.0, h: 66.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 0, g: 120, b: 215, a: 255 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 0, g: 120, b: 215, a: 255 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 0, g: 120, b: 215, a: 255 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 0, g: 120, b: 215, a: 255 }, style: Solid }, radius: BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, do_aa: true }, widths: (1px,1px,1px,1px) } })
59 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1257.0, h: 66.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 0, g: 0, b: 0, a: 0 }, style: Solid }, radius: BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, do_aa: true }, widths: (1px,1px,1px,1px) } })

image_border

image
51 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 61.0, h: 61.0 } }, kind: Image { key: ImageKey(IdNamespace(1), 20), stretch_size: SizeKey { w: 61.0, h: 61.0 }, tile_spacing: SizeKey { w: 0.0, h: 0.0 }, color: ColorU { r: 255, g: 255, b: 255, a: 255 }, sub_rect: None, image_rendering: Auto, alpha_type: PremultipliedAlpha } })

yuv_image

line_decoration

linear_grad

radial_grad

conic_grad

picture

text_run

filter_data

backdrop