Invalidation
slice 4 key (0,0)
PrimCount changed from 32 to 31:
removed: added:
Interning
clip
107 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 340.0, y: 58.0, w: 1235.0, h: 45.0 }, BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, ClipOut), spatial_node_index: SpatialNodeIndex(1) })
108 (ClipItemKey { kind: BoxShadow(PointKey { x: 0.0, y: 0.0 }, SizeKey { w: 1235.0, h: 45.0 }, BorderRadiusAu { top_left: 3px×3px, top_right: 3px×3px, bottom_left: 3px×3px, bottom_right: 3px×3px }, RectangleKey { x: 322.0, y: 42.0, w: 1271.0, h: 81.0 }, 6px, Outset), spatial_node_index: SpatialNodeIndex(1) })
110 (ClipItemKey { kind: Rectangle(RectangleKey { x: 341.0, y: 59.0, w: 1233.0, h: 43.0 }, Clip), spatial_node_index: SpatialNodeIndex(1) })
111 (ClipItemKey { kind: RoundedRectangle(RectangleKey { x: 341.0, y: 59.0, w: 1233.0, h: 43.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
109 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1271.0, h: 81.0 } }, kind: Rectangle { color: Value(ColorU { r: 0, g: 0, b: 0, a: 13 }) } })
112 (PrimitiveKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1233.0, h: 43.0 } }, kind: Rectangle { color: Value(ColorU { r: 255, g: 255, b: 255, a: 255 }) } })

normal_border
113 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1235.0, h: 45.0 } }, kind: NormalBorderPrim { border: NormalBorderAu { left: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, right: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, top: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, style: Solid }, bottom: BorderSideAu { color: ColorU { r: 12, g: 12, b: 13, a: 64 }, 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) } })
114 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 1235.0, h: 45.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
106 (PrimKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 61.0, h: 61.0 } }, kind: Image { key: ImageKey(IdNamespace(1), 41), 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
115 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 484.0, h: 29.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(1), 11), font_key: FontKey(IdNamespace(1), 10), size: 20.7px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 124, g: 124, b: 125, a: 255 }, transform_glyphs: false, size: 20.7px }, glyphs: PrimaryArc([GlyphInstance { index: 75, point: (0.7749939,23.0) }, GlyphInstance { index: 87, point: (12.5,23.0) }, GlyphInstance { index: 87, point: (19.524994,23.0) }, GlyphInstance { index: 83, point: (26.549988,23.0) }, GlyphInstance { index: 86, point: (38.725006,23.0) }, GlyphInstance { index: 29, point: (47.5,23.0) }, GlyphInstance { index: 18, point: (52.0,23.0) }, GlyphInstance { index: 18, point: (60.075012,23.0) }, GlyphInstance { index: 87, point: (68.149994,23.0) }, GlyphInstance { index: 85, point: (75.17499,23.0) }, GlyphInstance { index: 72, point: (82.375,23.0) }, GlyphInstance { index: 72, point: (93.20001,23.0) }, GlyphInstance { index: 75, point: (104.024994,23.0) }, GlyphInstance { index: 72, point: (115.75,23.0) }, GlyphInstance { index: 85, point: (126.57501,23.0) }, GlyphInstance { index: 71, point: (133.77502,23.0) }, GlyphInstance { index: 72, point: (145.97498,23.0) }, GlyphInstance { index: 85, point: (156.79999,23.0) }, GlyphInstance { index: 17, point: (164.0,23.0) }]), shadow: false })
116 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 484.0, h: 29.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(1), 11), font_key: FontKey(IdNamespace(1), 10), size: 20.7px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 0, g: 0, b: 0, a: 255 }, transform_glyphs: false, size: 20.7px }, glyphs: PrimaryArc([GlyphInstance { index: 80, point: (168.5,23.0) }, GlyphInstance { index: 82, point: (186.32501,23.0) }, GlyphInstance { index: 93, point: (198.45001,23.0) }, GlyphInstance { index: 76, point: (207.79999,23.0) }, GlyphInstance { index: 79, point: (212.82501,23.0) }, GlyphInstance { index: 79, point: (217.84998,23.0) }, GlyphInstance { index: 68, point: (222.875,23.0) }, GlyphInstance { index: 17, point: (233.40002,23.0) }, GlyphInstance { index: 82, point: (237.90002,23.0) }, GlyphInstance { index: 85, point: (250.02502,23.0) }, GlyphInstance { index: 74, point: (257.22498,23.0) }]), shadow: false })
117 (TextRunKey { common: PrimKeyCommonData { flags: IS_BACKFACE_VISIBLE, prim_size: SizeKey { w: 484.0, h: 29.0 } }, font: FontInstance { base: BaseFontInstance { instance_key: FontInstanceKey(IdNamespace(1), 11), font_key: FontKey(IdNamespace(1), 10), size: 20.7px, bg_color: ColorU { r: 0, g: 0, b: 0, a: 0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, synthetic_italics: SyntheticItalics { angle: 0 }, platform_options: None, variations: [] }, transform: FontTransform { scale_x: 1.0, skew_x: 0.0, skew_y: 0.0, scale_y: 1.0 }, render_mode: Subpixel, flags: SUBPIXEL_POSITION, color: ColorU { r: 124, g: 124, b: 125, a: 255 }, transform_glyphs: false, size: 20.7px }, glyphs: PrimaryArc([GlyphInstance { index: 18, point: (269.425,23.0) }, GlyphInstance { index: 6, point: (277.5,23.0) }, GlyphInstance { index: 18, point: (289.72498,23.0) }, GlyphInstance { index: 77, point: (297.8,23.0) }, GlyphInstance { index: 82, point: (302.825,23.0) }, GlyphInstance { index: 69, point: (314.95,23.0) }, GlyphInstance { index: 86, point: (327.125,23.0) }, GlyphInstance { index: 34, point: (335.90002,23.0) }, GlyphInstance { index: 85, point: (345.175,23.0) }, GlyphInstance { index: 72, point: (352.375,23.0) }, GlyphInstance { index: 83, point: (363.2,23.0) }, GlyphInstance { index: 82, point: (375.375,23.0) }, GlyphInstance { index: 32, point: (387.5,23.0) }, GlyphInstance { index: 68, point: (401.65002,23.0) }, GlyphInstance { index: 88, point: (412.175,23.0) }, GlyphInstance { index: 87, point: (423.90002,23.0) }, GlyphInstance { index: 82, point: (430.925,23.0) }, GlyphInstance { index: 79, point: (443.05,23.0) }, GlyphInstance { index: 68, point: (448.075,23.0) }, GlyphInstance { index: 81, point: (458.59998,23.0) }, GlyphInstance { index: 71, point: (470.325,23.0) }]), shadow: false })

filter_data

backdrop