SVGGeometryPaintable.cpp 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. /*
  2. * Copyright (c) 2018-2022, Andreas Kling <kling@serenityos.org>
  3. * Copyright (c) 2023, MacDue <macdue@dueutil.tech>
  4. *
  5. * SPDX-License-Identifier: BSD-2-Clause
  6. */
  7. #include <LibGfx/AntiAliasingPainter.h>
  8. #include <LibWeb/Layout/ImageBox.h>
  9. #include <LibWeb/Painting/SVGGeometryPaintable.h>
  10. #include <LibWeb/SVG/SVGSVGElement.h>
  11. namespace Web::Painting {
  12. JS::NonnullGCPtr<SVGGeometryPaintable> SVGGeometryPaintable::create(Layout::SVGGeometryBox const& layout_box)
  13. {
  14. return layout_box.heap().allocate_without_realm<SVGGeometryPaintable>(layout_box);
  15. }
  16. SVGGeometryPaintable::SVGGeometryPaintable(Layout::SVGGeometryBox const& layout_box)
  17. : SVGGraphicsPaintable(layout_box)
  18. {
  19. }
  20. Layout::SVGGeometryBox const& SVGGeometryPaintable::layout_box() const
  21. {
  22. return static_cast<Layout::SVGGeometryBox const&>(layout_node());
  23. }
  24. Optional<HitTestResult> SVGGeometryPaintable::hit_test(CSSPixelPoint position, HitTestType type) const
  25. {
  26. auto result = SVGGraphicsPaintable::hit_test(position, type);
  27. if (!result.has_value())
  28. return {};
  29. auto& geometry_element = layout_box().dom_node();
  30. if (auto transform = layout_box().layout_transform({}); transform.has_value()) {
  31. auto transformed_bounding_box = transform->map_to_quad(
  32. const_cast<SVG::SVGGeometryElement&>(geometry_element).get_path().bounding_box());
  33. if (!transformed_bounding_box.contains(position.to_type<float>()))
  34. return {};
  35. }
  36. return result;
  37. }
  38. static Gfx::Painter::WindingRule to_gfx_winding_rule(SVG::FillRule fill_rule)
  39. {
  40. switch (fill_rule) {
  41. case SVG::FillRule::Nonzero:
  42. return Gfx::Painter::WindingRule::Nonzero;
  43. case SVG::FillRule::Evenodd:
  44. return Gfx::Painter::WindingRule::EvenOdd;
  45. default:
  46. VERIFY_NOT_REACHED();
  47. }
  48. }
  49. void SVGGeometryPaintable::paint(PaintContext& context, PaintPhase phase) const
  50. {
  51. if (!is_visible())
  52. return;
  53. SVGGraphicsPaintable::paint(context, phase);
  54. if (phase != PaintPhase::Foreground)
  55. return;
  56. auto& geometry_element = layout_box().dom_node();
  57. auto const* svg_element = geometry_element.shadow_including_first_ancestor_of_type<SVG::SVGSVGElement>();
  58. auto svg_element_rect = svg_element->paintable_box()->absolute_rect();
  59. // FIXME: This should not be trucated to an int.
  60. RecordingPainterStateSaver save_painter { context.painter() };
  61. auto offset = context.floored_device_point(svg_element_rect.location()).to_type<int>().to_type<float>();
  62. auto maybe_view_box = geometry_element.view_box();
  63. auto transform = layout_box().layout_transform(context.svg_transform());
  64. if (!transform.has_value())
  65. return;
  66. auto css_scale = context.device_pixels_per_css_pixel();
  67. auto paint_transform = Gfx::AffineTransform {}.scale(css_scale, css_scale).multiply(*transform);
  68. auto const& original_path = const_cast<SVG::SVGGeometryElement&>(geometry_element).get_path();
  69. Gfx::Path path = original_path.copy_transformed(paint_transform);
  70. // Fills are computed as though all subpaths are closed (https://svgwg.org/svg2-draft/painting.html#FillProperties)
  71. auto closed_path = [&] {
  72. // We need to fill the path before applying the stroke, however the filled
  73. // path must be closed, whereas the stroke path may not necessary be closed.
  74. // Copy the path and close it for filling, but use the previous path for stroke
  75. auto copy = path;
  76. copy.close_all_subpaths();
  77. return copy;
  78. };
  79. // Note: This is assuming .x_scale() == .y_scale() (which it does currently).
  80. auto viewbox_scale = paint_transform.x_scale();
  81. auto svg_viewport = [&] {
  82. if (maybe_view_box.has_value())
  83. return Gfx::FloatRect { maybe_view_box->min_x, maybe_view_box->min_y, maybe_view_box->width, maybe_view_box->height };
  84. return Gfx::FloatRect { { 0, 0 }, svg_element_rect.size().to_type<float>() };
  85. }();
  86. SVG::SVGPaintContext paint_context {
  87. .viewport = svg_viewport,
  88. .path_bounding_box = original_path.bounding_box(),
  89. .transform = paint_transform
  90. };
  91. auto fill_opacity = geometry_element.fill_opacity().value_or(1);
  92. auto winding_rule = to_gfx_winding_rule(geometry_element.fill_rule().value_or(SVG::FillRule::Nonzero));
  93. if (auto paint_style = geometry_element.fill_paint_style(paint_context); paint_style.has_value()) {
  94. context.painter().fill_path({
  95. .path = closed_path(),
  96. .paint_style = *paint_style,
  97. .winding_rule = winding_rule,
  98. .opacity = fill_opacity,
  99. .translation = offset,
  100. });
  101. } else if (auto fill_color = geometry_element.fill_color(); fill_color.has_value()) {
  102. context.painter().fill_path({
  103. .path = closed_path(),
  104. .color = fill_color->with_opacity(fill_opacity),
  105. .winding_rule = winding_rule,
  106. .translation = offset,
  107. });
  108. }
  109. auto stroke_opacity = geometry_element.stroke_opacity().value_or(1);
  110. // Note: This is assuming .x_scale() == .y_scale() (which it does currently).
  111. float stroke_thickness = geometry_element.stroke_width().value_or(1) * viewbox_scale;
  112. if (auto paint_style = geometry_element.stroke_paint_style(paint_context); paint_style.has_value()) {
  113. context.painter().stroke_path({
  114. .path = path,
  115. .paint_style = *paint_style,
  116. .thickness = stroke_thickness,
  117. .opacity = stroke_opacity,
  118. .translation = offset,
  119. });
  120. } else if (auto stroke_color = geometry_element.stroke_color(); stroke_color.has_value()) {
  121. context.painter().stroke_path({
  122. .path = path,
  123. .color = stroke_color->with_opacity(stroke_opacity),
  124. .thickness = stroke_thickness,
  125. .translation = offset,
  126. });
  127. }
  128. }
  129. }