mirror of
https://github.com/RGBCube/serenity
synced 2026-01-15 00:20:59 +00:00
From https://drafts.csswg.org/css-backgrounds-4/#background-clip "The background is painted within (clipped to) the intersection of the border box and the geometry of the text in the element and its in-flow and floated descendants" This change implements it in the following way: 1. Traverse the descendants of the element, collecting the Gfx::Path of glyphs into a vector. 2. The vector of collected paths is saved in the background painting command. 3. The painting commands executor uses the list of glyphs to paint a mask for background clipping. Co-authored-by: Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com> |
||
|---|---|---|
| .. | ||
| border-radius-ref.png | ||
| canvas-fillstyle-rgb.png | ||
| canvas-path-rect-ref.png | ||
| canvas-text-ref.png | ||
| css-background-clip-text.png | ||
| css-background-position-ref.png | ||
| css-background-repeat-ref.png | ||
| css-backgrounds-ref.png | ||
| css-gradients-ref.png | ||
| css-transform-box-ref.png | ||
| inline-node-ref.png | ||
| input-placeholder-ref.png | ||
| meter-ref.png | ||
| nested-boxes-with-hidden-overflow-and-border-radius-ref.png | ||
| object-fit-position.png | ||
| outer-box-shadow-ref.png | ||
| svg-axis-aligned-lines-ref.png | ||
| svg-background-no-natural-size-ref.png | ||
| svg-gradient-spreadMethod-ref.png | ||
| svg-radialGradient-ref.png | ||
| svg-text-effects-ref.png | ||
| svg-textPath-ref.png | ||
| text-decorations.png | ||
| text-shadow-ref.png | ||