mirror of
https://github.com/RGBCube/serenity
synced 2025-05-31 14:48:14 +00:00
LibWeb: Move border painting from Layout::Box to a free function
This will allow us to share some code between inline and non-inline border painting.
This commit is contained in:
parent
c01070df1b
commit
3eb07d289e
6 changed files with 211 additions and 128 deletions
|
@ -30,125 +30,10 @@
|
|||
#include <LibWeb/Layout/BlockBox.h>
|
||||
#include <LibWeb/Layout/Box.h>
|
||||
#include <LibWeb/Page/Frame.h>
|
||||
#include <LibWeb/Painting/BorderPainting.h>
|
||||
|
||||
namespace Web::Layout {
|
||||
|
||||
void Box::paint_border(PaintContext& context, Edge edge, const Gfx::FloatRect& rect, const BorderData& border_data)
|
||||
{
|
||||
float width = border_data.width;
|
||||
if (width <= 0)
|
||||
return;
|
||||
|
||||
auto color = border_data.color;
|
||||
auto border_style = border_data.line_style;
|
||||
int int_width = max((int)width, 1);
|
||||
|
||||
struct Points {
|
||||
Gfx::FloatPoint p1;
|
||||
Gfx::FloatPoint p2;
|
||||
};
|
||||
|
||||
auto points_for_edge = [](Edge edge, const Gfx::FloatRect& rect) -> Points {
|
||||
switch (edge) {
|
||||
case Edge::Top:
|
||||
return { rect.top_left(), rect.top_right() };
|
||||
case Edge::Right:
|
||||
return { rect.top_right(), rect.bottom_right() };
|
||||
case Edge::Bottom:
|
||||
return { rect.bottom_left(), rect.bottom_right() };
|
||||
default: // Edge::Left
|
||||
return { rect.top_left(), rect.bottom_left() };
|
||||
}
|
||||
};
|
||||
|
||||
auto [p1, p2] = points_for_edge(edge, rect);
|
||||
|
||||
if (border_style == CSS::LineStyle::Inset) {
|
||||
auto top_left_color = Color::from_rgb(0x5a5a5a);
|
||||
auto bottom_right_color = Color::from_rgb(0x888888);
|
||||
color = (edge == Edge::Left || edge == Edge::Top) ? top_left_color : bottom_right_color;
|
||||
} else if (border_style == CSS::LineStyle::Outset) {
|
||||
auto top_left_color = Color::from_rgb(0x888888);
|
||||
auto bottom_right_color = Color::from_rgb(0x5a5a5a);
|
||||
color = (edge == Edge::Left || edge == Edge::Top) ? top_left_color : bottom_right_color;
|
||||
}
|
||||
|
||||
auto gfx_line_style = Gfx::Painter::LineStyle::Solid;
|
||||
if (border_style == CSS::LineStyle::Dotted)
|
||||
gfx_line_style = Gfx::Painter::LineStyle::Dotted;
|
||||
if (border_style == CSS::LineStyle::Dashed)
|
||||
gfx_line_style = Gfx::Painter::LineStyle::Dashed;
|
||||
|
||||
if (gfx_line_style != Gfx::Painter::LineStyle::Solid) {
|
||||
switch (edge) {
|
||||
case Edge::Top:
|
||||
p1.move_by(int_width / 2, int_width / 2);
|
||||
p2.move_by(-int_width / 2, int_width / 2);
|
||||
break;
|
||||
case Edge::Right:
|
||||
p1.move_by(-int_width / 2, int_width / 2);
|
||||
p2.move_by(-int_width / 2, -int_width / 2);
|
||||
break;
|
||||
case Edge::Bottom:
|
||||
p1.move_by(int_width / 2, -int_width / 2);
|
||||
p2.move_by(-int_width / 2, -int_width / 2);
|
||||
break;
|
||||
case Edge::Left:
|
||||
p1.move_by(int_width / 2, int_width / 2);
|
||||
p2.move_by(int_width / 2, -int_width / 2);
|
||||
break;
|
||||
}
|
||||
context.painter().draw_line({ (int)p1.x(), (int)p1.y() }, { (int)p2.x(), (int)p2.y() }, color, int_width, gfx_line_style);
|
||||
return;
|
||||
}
|
||||
|
||||
auto draw_line = [&](auto& p1, auto& p2) {
|
||||
context.painter().draw_line({ (int)p1.x(), (int)p1.y() }, { (int)p2.x(), (int)p2.y() }, color, 1, gfx_line_style);
|
||||
};
|
||||
|
||||
float p1_step = 0;
|
||||
float p2_step = 0;
|
||||
|
||||
switch (edge) {
|
||||
case Edge::Top:
|
||||
p1_step = style().border_left().width / (float)int_width;
|
||||
p2_step = style().border_right().width / (float)int_width;
|
||||
for (int i = 0; i < int_width; ++i) {
|
||||
draw_line(p1, p2);
|
||||
p1.move_by(p1_step, 1);
|
||||
p2.move_by(-p2_step, 1);
|
||||
}
|
||||
break;
|
||||
case Edge::Right:
|
||||
p1_step = style().border_top().width / (float)int_width;
|
||||
p2_step = style().border_bottom().width / (float)int_width;
|
||||
for (int i = int_width - 1; i >= 0; --i) {
|
||||
draw_line(p1, p2);
|
||||
p1.move_by(-1, p1_step);
|
||||
p2.move_by(-1, -p2_step);
|
||||
}
|
||||
break;
|
||||
case Edge::Bottom:
|
||||
p1_step = style().border_left().width / (float)int_width;
|
||||
p2_step = style().border_right().width / (float)int_width;
|
||||
for (int i = int_width - 1; i >= 0; --i) {
|
||||
draw_line(p1, p2);
|
||||
p1.move_by(p1_step, -1);
|
||||
p2.move_by(-p2_step, -1);
|
||||
}
|
||||
break;
|
||||
case Edge::Left:
|
||||
p1_step = style().border_top().width / (float)int_width;
|
||||
p2_step = style().border_bottom().width / (float)int_width;
|
||||
for (int i = 0; i < int_width; ++i) {
|
||||
draw_line(p1, p2);
|
||||
p1.move_by(1, p1_step);
|
||||
p2.move_by(1, -p2_step);
|
||||
}
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
void Box::paint(PaintContext& context, PaintPhase phase)
|
||||
{
|
||||
if (!is_visible())
|
||||
|
@ -187,10 +72,10 @@ void Box::paint(PaintContext& context, PaintPhase phase)
|
|||
bordered_rect.set_y(padded_rect.y() - box_model().border.top.to_px(*this));
|
||||
bordered_rect.set_height(padded_rect.height() + box_model().border.top.to_px(*this) + box_model().border.bottom.to_px(*this));
|
||||
|
||||
paint_border(context, Edge::Left, bordered_rect, style().border_left());
|
||||
paint_border(context, Edge::Right, bordered_rect, style().border_right());
|
||||
paint_border(context, Edge::Top, bordered_rect, style().border_top());
|
||||
paint_border(context, Edge::Bottom, bordered_rect, style().border_bottom());
|
||||
Painting::paint_border(context, Painting::BorderEdge::Left, bordered_rect, style());
|
||||
Painting::paint_border(context, Painting::BorderEdge::Right, bordered_rect, style());
|
||||
Painting::paint_border(context, Painting::BorderEdge::Top, bordered_rect, style());
|
||||
Painting::paint_border(context, Painting::BorderEdge::Bottom, bordered_rect, style());
|
||||
}
|
||||
|
||||
Layout::NodeWithStyleAndBoxModelMetrics::paint(context, phase);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue