SVGPathElement.cpp 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. /*
  2. * Copyright (c) 2020, Matthew Olsson <mattco@serenityos.org>
  3. *
  4. * SPDX-License-Identifier: BSD-2-Clause
  5. */
  6. #include <AK/Debug.h>
  7. #include <AK/ExtraMathConstants.h>
  8. #include <LibGfx/Painter.h>
  9. #include <LibGfx/Path.h>
  10. #include <LibWeb/DOM/Document.h>
  11. #include <LibWeb/DOM/Event.h>
  12. #include <LibWeb/Layout/SVGGeometryBox.h>
  13. #include <LibWeb/SVG/SVGPathElement.h>
  14. namespace Web::SVG {
  15. [[maybe_unused]] static void print_instruction(PathInstruction const& instruction)
  16. {
  17. VERIFY(PATH_DEBUG);
  18. auto& data = instruction.data;
  19. switch (instruction.type) {
  20. case PathInstructionType::Move:
  21. dbgln("Move (absolute={})", instruction.absolute);
  22. for (size_t i = 0; i < data.size(); i += 2)
  23. dbgln(" x={}, y={}", data[i], data[i + 1]);
  24. break;
  25. case PathInstructionType::ClosePath:
  26. dbgln("ClosePath (absolute={})", instruction.absolute);
  27. break;
  28. case PathInstructionType::Line:
  29. dbgln("Line (absolute={})", instruction.absolute);
  30. for (size_t i = 0; i < data.size(); i += 2)
  31. dbgln(" x={}, y={}", data[i], data[i + 1]);
  32. break;
  33. case PathInstructionType::HorizontalLine:
  34. dbgln("HorizontalLine (absolute={})", instruction.absolute);
  35. for (size_t i = 0; i < data.size(); ++i)
  36. dbgln(" x={}", data[i]);
  37. break;
  38. case PathInstructionType::VerticalLine:
  39. dbgln("VerticalLine (absolute={})", instruction.absolute);
  40. for (size_t i = 0; i < data.size(); ++i)
  41. dbgln(" y={}", data[i]);
  42. break;
  43. case PathInstructionType::Curve:
  44. dbgln("Curve (absolute={})", instruction.absolute);
  45. for (size_t i = 0; i < data.size(); i += 6)
  46. dbgln(" (x1={}, y1={}, x2={}, y2={}), (x={}, y={})", data[i], data[i + 1], data[i + 2], data[i + 3], data[i + 4], data[i + 5]);
  47. break;
  48. case PathInstructionType::SmoothCurve:
  49. dbgln("SmoothCurve (absolute={})", instruction.absolute);
  50. for (size_t i = 0; i < data.size(); i += 4)
  51. dbgln(" (x2={}, y2={}), (x={}, y={})", data[i], data[i + 1], data[i + 2], data[i + 3]);
  52. break;
  53. case PathInstructionType::QuadraticBezierCurve:
  54. dbgln("QuadraticBezierCurve (absolute={})", instruction.absolute);
  55. for (size_t i = 0; i < data.size(); i += 4)
  56. dbgln(" (x1={}, y1={}), (x={}, y={})", data[i], data[i + 1], data[i + 2], data[i + 3]);
  57. break;
  58. case PathInstructionType::SmoothQuadraticBezierCurve:
  59. dbgln("SmoothQuadraticBezierCurve (absolute={})", instruction.absolute);
  60. for (size_t i = 0; i < data.size(); i += 2)
  61. dbgln(" x={}, y={}", data[i], data[i + 1]);
  62. break;
  63. case PathInstructionType::EllipticalArc:
  64. dbgln("EllipticalArc (absolute={})", instruction.absolute);
  65. for (size_t i = 0; i < data.size(); i += 7)
  66. dbgln(" (rx={}, ry={}) x-axis-rotation={}, large-arc-flag={}, sweep-flag={}, (x={}, y={})",
  67. data[i],
  68. data[i + 1],
  69. data[i + 2],
  70. data[i + 3],
  71. data[i + 4],
  72. data[i + 5],
  73. data[i + 6]);
  74. break;
  75. case PathInstructionType::Invalid:
  76. dbgln("Invalid");
  77. break;
  78. }
  79. }
  80. SVGPathElement::SVGPathElement(DOM::Document& document, DOM::QualifiedName qualified_name)
  81. : SVGGeometryElement(document, move(qualified_name))
  82. {
  83. set_prototype(&Bindings::cached_web_prototype(realm(), "SVGPathElement"));
  84. }
  85. void SVGPathElement::parse_attribute(FlyString const& name, String const& value)
  86. {
  87. SVGGeometryElement::parse_attribute(name, value);
  88. if (name == "d") {
  89. m_instructions = AttributeParser::parse_path_data(value);
  90. m_path.clear();
  91. }
  92. }
  93. Gfx::Path& SVGPathElement::get_path()
  94. {
  95. if (m_path.has_value())
  96. return m_path.value();
  97. Gfx::Path path;
  98. PathInstructionType last_instruction = PathInstructionType::Invalid;
  99. for (auto& instruction : m_instructions) {
  100. // If the first path element uses relative coordinates, we treat them as absolute by making them relative to (0, 0).
  101. auto last_point = path.segments().is_empty() ? Gfx::FloatPoint { 0, 0 } : path.segments().last().point();
  102. auto& absolute = instruction.absolute;
  103. auto& data = instruction.data;
  104. if constexpr (PATH_DEBUG) {
  105. print_instruction(instruction);
  106. }
  107. bool clear_last_control_point = true;
  108. switch (instruction.type) {
  109. case PathInstructionType::Move: {
  110. Gfx::FloatPoint point = { data[0], data[1] };
  111. if (absolute) {
  112. path.move_to(point);
  113. } else {
  114. path.move_to(point + last_point);
  115. }
  116. break;
  117. }
  118. case PathInstructionType::ClosePath:
  119. path.close();
  120. break;
  121. case PathInstructionType::Line: {
  122. Gfx::FloatPoint point = { data[0], data[1] };
  123. if (absolute) {
  124. path.line_to(point);
  125. } else {
  126. path.line_to(point + last_point);
  127. }
  128. break;
  129. }
  130. case PathInstructionType::HorizontalLine: {
  131. if (absolute)
  132. path.line_to(Gfx::FloatPoint { data[0], last_point.y() });
  133. else
  134. path.line_to(Gfx::FloatPoint { data[0] + last_point.x(), last_point.y() });
  135. break;
  136. }
  137. case PathInstructionType::VerticalLine: {
  138. if (absolute)
  139. path.line_to(Gfx::FloatPoint { last_point.x(), data[0] });
  140. else
  141. path.line_to(Gfx::FloatPoint { last_point.x(), data[0] + last_point.y() });
  142. break;
  143. }
  144. case PathInstructionType::EllipticalArc: {
  145. double rx = data[0];
  146. double ry = data[1];
  147. double x_axis_rotation = double { data[2] } * M_DEG2RAD;
  148. double large_arc_flag = data[3];
  149. double sweep_flag = data[4];
  150. Gfx::FloatPoint next_point;
  151. if (absolute)
  152. next_point = { data[5], data[6] };
  153. else
  154. next_point = { data[5] + last_point.x(), data[6] + last_point.y() };
  155. path.elliptical_arc_to(next_point, { rx, ry }, x_axis_rotation, large_arc_flag != 0, sweep_flag != 0);
  156. break;
  157. }
  158. case PathInstructionType::QuadraticBezierCurve: {
  159. clear_last_control_point = false;
  160. Gfx::FloatPoint through = { data[0], data[1] };
  161. Gfx::FloatPoint point = { data[2], data[3] };
  162. if (absolute) {
  163. path.quadratic_bezier_curve_to(through, point);
  164. m_previous_control_point = through;
  165. } else {
  166. auto control_point = through + last_point;
  167. path.quadratic_bezier_curve_to(control_point, point + last_point);
  168. m_previous_control_point = control_point;
  169. }
  170. break;
  171. }
  172. case PathInstructionType::SmoothQuadraticBezierCurve: {
  173. clear_last_control_point = false;
  174. if (m_previous_control_point.is_null()
  175. || ((last_instruction != PathInstructionType::QuadraticBezierCurve) && (last_instruction != PathInstructionType::SmoothQuadraticBezierCurve))) {
  176. m_previous_control_point = last_point;
  177. }
  178. auto dx_end_control = last_point.dx_relative_to(m_previous_control_point);
  179. auto dy_end_control = last_point.dy_relative_to(m_previous_control_point);
  180. auto control_point = Gfx::FloatPoint { last_point.x() + dx_end_control, last_point.y() + dy_end_control };
  181. Gfx::FloatPoint end_point = { data[0], data[1] };
  182. if (absolute) {
  183. path.quadratic_bezier_curve_to(control_point, end_point);
  184. } else {
  185. path.quadratic_bezier_curve_to(control_point, end_point + last_point);
  186. }
  187. m_previous_control_point = control_point;
  188. break;
  189. }
  190. case PathInstructionType::Curve: {
  191. clear_last_control_point = false;
  192. Gfx::FloatPoint c1 = { data[0], data[1] };
  193. Gfx::FloatPoint c2 = { data[2], data[3] };
  194. Gfx::FloatPoint p2 = { data[4], data[5] };
  195. if (!absolute) {
  196. p2 += last_point;
  197. c1 += last_point;
  198. c2 += last_point;
  199. }
  200. path.cubic_bezier_curve_to(c1, c2, p2);
  201. m_previous_control_point = c2;
  202. break;
  203. }
  204. case PathInstructionType::SmoothCurve: {
  205. clear_last_control_point = false;
  206. if (m_previous_control_point.is_null()
  207. || ((last_instruction != PathInstructionType::Curve) && (last_instruction != PathInstructionType::SmoothCurve))) {
  208. m_previous_control_point = last_point;
  209. }
  210. // 9.5.2. Reflected control points https://svgwg.org/svg2-draft/paths.html#ReflectedControlPoints
  211. // If the current point is (curx, cury) and the final control point of the previous path segment is (oldx2, oldy2),
  212. // then the reflected point (i.e., (newx1, newy1), the first control point of the current path segment) is:
  213. // (newx1, newy1) = (curx - (oldx2 - curx), cury - (oldy2 - cury))
  214. auto reflected_previous_control_x = last_point.x() - m_previous_control_point.dx_relative_to(last_point);
  215. auto reflected_previous_control_y = last_point.y() - m_previous_control_point.dy_relative_to(last_point);
  216. Gfx::FloatPoint c1 = Gfx::FloatPoint { reflected_previous_control_x, reflected_previous_control_y };
  217. Gfx::FloatPoint c2 = { data[0], data[1] };
  218. Gfx::FloatPoint p2 = { data[2], data[3] };
  219. if (!absolute) {
  220. p2 += last_point;
  221. c2 += last_point;
  222. }
  223. path.cubic_bezier_curve_to(c1, c2, p2);
  224. m_previous_control_point = c2;
  225. break;
  226. }
  227. case PathInstructionType::Invalid:
  228. VERIFY_NOT_REACHED();
  229. }
  230. if (clear_last_control_point) {
  231. m_previous_control_point = Gfx::FloatPoint {};
  232. }
  233. last_instruction = instruction.type;
  234. }
  235. m_path = path;
  236. return m_path.value();
  237. }
  238. }