mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 13:28:11 +00:00
de32b77ceb
This is a part of refactoring towards making the paintable tree independent of the layout tree. Now, instead of transferring text fragments from the layout tree to the paintable tree during the layout commit phase, we allocate separate PaintableFragments that contain only the information necessary for painting. Doing this also allows us to get rid LineBoxes, as they are used only during layout.
99 lines
6.2 KiB
Text
99 lines
6.2 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (0,0) content-size 800x636 [BFC] children: not-inline
|
|
BlockContainer <body> at (8,8) content-size 784x608 children: not-inline
|
|
BlockContainer <div> at (8,8) content-size 784x137 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
|
|
frag 0 from TextNode start: 0, length: 53, rect: [8,8 436.625x17] baseline: 13.296875
|
|
"This text and the green square are both left aligned:"
|
|
TextNode <#text>
|
|
BlockContainer <div.square> at (28,45) content-size 100x100 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,165) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,165) content-size 784x137 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,165) content-size 784x17 children: inline
|
|
frag 0 from TextNode start: 0, length: 49, rect: [191,165 418.6875x17] baseline: 13.296875
|
|
"This text and the green square are both centered:"
|
|
TextNode <#text>
|
|
BlockContainer <div.square> at (350,202) content-size 100x100 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,322) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,322) content-size 784x137 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,322) content-size 784x17 children: inline
|
|
frag 0 from TextNode start: 0, length: 54, rect: [345,322 447.484375x17] baseline: 13.296875
|
|
"This text and the green square are both right aligned:"
|
|
TextNode <#text>
|
|
BlockContainer <div.square> at (672,359) content-size 100x100 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,479) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
BlockContainer <div> at (8,479) content-size 784x137 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,479) content-size 784x17 children: inline
|
|
frag 0 from TextNode start: 0, length: 4, rect: [8,479 35.5x17] baseline: 13.296875
|
|
"This"
|
|
frag 1 from TextNode start: 4, length: 1, rect: [44,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 2 from TextNode start: 5, length: 4, rect: [52,479 32.140625x17] baseline: 13.296875
|
|
"text"
|
|
frag 3 from TextNode start: 9, length: 1, rect: [84,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 4 from TextNode start: 10, length: 2, rect: [92,479 13.90625x17] baseline: 13.296875
|
|
"is"
|
|
frag 5 from TextNode start: 12, length: 1, rect: [106,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 6 from TextNode start: 13, length: 16, rect: [114,479 102.96875x17] baseline: 13.296875
|
|
"'full-justified'"
|
|
frag 7 from TextNode start: 29, length: 1, rect: [217,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 8 from TextNode start: 30, length: 3, rect: [225,479 26.8125x17] baseline: 13.296875
|
|
"and"
|
|
frag 9 from TextNode start: 33, length: 1, rect: [251,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 10 from TextNode start: 34, length: 3, rect: [259,479 24.875x17] baseline: 13.296875
|
|
"the"
|
|
frag 11 from TextNode start: 37, length: 1, rect: [284,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 12 from TextNode start: 38, length: 5, rect: [292,479 43.4375x17] baseline: 13.296875
|
|
"green"
|
|
frag 13 from TextNode start: 43, length: 1, rect: [336,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 14 from TextNode start: 44, length: 6, rect: [344,479 57.0625x17] baseline: 13.296875
|
|
"square"
|
|
frag 15 from TextNode start: 50, length: 1, rect: [401,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 16 from TextNode start: 51, length: 2, rect: [409,479 13.90625x17] baseline: 13.296875
|
|
"is"
|
|
frag 17 from TextNode start: 53, length: 1, rect: [423,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 18 from TextNode start: 54, length: 4, rect: [431,479 26.25x17] baseline: 13.296875
|
|
"left"
|
|
frag 19 from TextNode start: 58, length: 1, rect: [457,479 8x17] baseline: 13.296875
|
|
" "
|
|
frag 20 from TextNode start: 59, length: 8, rect: [465,479 55.671875x17] baseline: 13.296875
|
|
"aligned:"
|
|
TextNode <#text>
|
|
BlockContainer <div.square> at (28,516) content-size 100x100 children: not-inline
|
|
BlockContainer <(anonymous)> at (8,636) content-size 784x0 children: inline
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x636]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x636]
|
|
PaintableWithLines (BlockContainer<BODY>) [8,8 784x608] overflow: [8,8 784.484375x628]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,8 784x137]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.square) [28,45 100x100]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,165 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,165 784x137]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,165 784x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.square) [350,202 100x100]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,322 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,322 784x137] overflow: [8,322 784.484375x137]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,322 784x17] overflow: [8,322 784.484375x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.square) [672,359 100x100]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,479 784x0]
|
|
PaintableWithLines (BlockContainer<DIV>) [8,479 784x137]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,479 784x17]
|
|
TextPaintable (TextNode<#text>)
|
|
PaintableWithLines (BlockContainer<DIV>.square) [28,516 100x100]
|
|
PaintableWithLines (BlockContainer(anonymous)) [8,636 784x0]
|