CanvasTransform.h 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. /*
  2. * Copyright (c) 2020-2022, Andreas Kling <andreas@ladybird.org>
  3. * Copyright (c) 2021-2022, Linus Groh <linusg@serenityos.org>
  4. * Copyright (c) 2022, Sam Atkins <atkinssj@serenityos.org>
  5. *
  6. * SPDX-License-Identifier: BSD-2-Clause
  7. */
  8. #pragma once
  9. #include <AK/Debug.h>
  10. #include <LibGfx/Painter.h>
  11. #include <LibWeb/Geometry/DOMMatrix.h>
  12. #include <LibWeb/HTML/Canvas/CanvasPath.h>
  13. #include <LibWeb/HTML/Canvas/CanvasState.h>
  14. namespace Web::HTML {
  15. // https://html.spec.whatwg.org/multipage/canvas.html#canvastransform
  16. template<typename IncludingClass>
  17. class CanvasTransform {
  18. public:
  19. ~CanvasTransform() = default;
  20. Gfx::Path& mutable_path() { return static_cast<IncludingClass&>(*this).path(); }
  21. void scale(float sx, float sy)
  22. {
  23. dbgln_if(CANVAS_RENDERING_CONTEXT_2D_DEBUG, "CanvasTransform::scale({}, {})", sx, sy);
  24. if (!isfinite(sx) || !isfinite(sy))
  25. return;
  26. my_drawing_state().transform.scale(sx, sy);
  27. flush_transform();
  28. mutable_path().transform(Gfx::AffineTransform().scale(1.0 / sx, 1.0 / sy));
  29. }
  30. void translate(float tx, float ty)
  31. {
  32. dbgln_if(CANVAS_RENDERING_CONTEXT_2D_DEBUG, "CanvasTransform::translate({}, {})", tx, ty);
  33. if (!isfinite(tx) || !isfinite(ty))
  34. return;
  35. my_drawing_state().transform.translate(tx, ty);
  36. flush_transform();
  37. mutable_path().transform(Gfx::AffineTransform().translate(-tx, -ty));
  38. }
  39. void rotate(float radians)
  40. {
  41. dbgln_if(CANVAS_RENDERING_CONTEXT_2D_DEBUG, "CanvasTransform::rotate({})", radians);
  42. if (!isfinite(radians))
  43. return;
  44. my_drawing_state().transform.rotate_radians(radians);
  45. flush_transform();
  46. mutable_path().transform(Gfx::AffineTransform().rotate_radians(-radians));
  47. }
  48. // https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-transform
  49. void transform(double a, double b, double c, double d, double e, double f)
  50. {
  51. // 1. If any of the arguments are infinite or NaN, then return.
  52. if (!isfinite(a) || !isfinite(b) || !isfinite(c) || !isfinite(d) || !isfinite(e) || !isfinite(f))
  53. return;
  54. // 2. Replace the current transformation matrix with the result of multiplying the current transformation matrix with the matrix described by:
  55. // a c e
  56. // b d f
  57. // 0 0 1
  58. auto transform = Gfx::AffineTransform(a, b, c, d, e, f);
  59. my_drawing_state().transform.multiply(transform);
  60. if (auto inverse = transform.inverse(); inverse.has_value()) {
  61. mutable_path().transform(inverse.value());
  62. }
  63. flush_transform();
  64. }
  65. // https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-gettransform
  66. WebIDL::ExceptionOr<GC::Ref<Geometry::DOMMatrix>> get_transform()
  67. {
  68. auto& realm = static_cast<IncludingClass&>(*this).realm();
  69. auto transform = my_drawing_state().transform;
  70. Geometry::DOMMatrix2DInit init = { transform.a(), transform.b(), transform.c(), transform.d(), transform.e(), transform.f(), {}, {}, {}, {}, {}, {} };
  71. return Geometry::DOMMatrix::create_from_dom_matrix_2d_init(realm, init);
  72. }
  73. // https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-settransform
  74. void set_transform(double a, double b, double c, double d, double e, double f)
  75. {
  76. // 1. If any of the arguments are infinite or NaN, then return.
  77. if (!isfinite(a) || !isfinite(b) || !isfinite(c) || !isfinite(d) || !isfinite(e) || !isfinite(f))
  78. return;
  79. // 2. Reset the current transformation matrix to the identity matrix.
  80. my_drawing_state().transform = {};
  81. flush_transform();
  82. // 3. Invoke the transform(a, b, c, d, e, f) method with the same arguments.
  83. transform(a, b, c, d, e, f);
  84. }
  85. // https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-settransform-matrix
  86. WebIDL::ExceptionOr<void> set_transform(Geometry::DOMMatrix2DInit& init)
  87. {
  88. // 1. Let matrix be the result of creating a DOMMatrix from the 2D dictionary transform.
  89. auto& realm = static_cast<IncludingClass&>(*this).realm();
  90. auto matrix = TRY(Geometry::DOMMatrix::create_from_dom_matrix_2d_init(realm, init));
  91. // 2. If one or more of matrix's m11 element, m12 element, m21 element, m22 element, m41 element, or m42 element are infinite or NaN, then return.
  92. if (!isfinite(matrix->m11()) || !isfinite(matrix->m12()) || !isfinite(matrix->m21()) || !isfinite(matrix->m22()) || !isfinite(matrix->m41()) || !isfinite(matrix->m42()))
  93. return {};
  94. auto original_transform = my_drawing_state().transform;
  95. // 3. Reset the current transformation matrix to matrix.
  96. auto transform = Gfx::AffineTransform { static_cast<float>(matrix->a()), static_cast<float>(matrix->b()), static_cast<float>(matrix->c()), static_cast<float>(matrix->d()), static_cast<float>(matrix->e()), static_cast<float>(matrix->f()) };
  97. my_drawing_state().transform = transform;
  98. mutable_path().transform(original_transform);
  99. flush_transform();
  100. return {};
  101. }
  102. // https://html.spec.whatwg.org/multipage/canvas.html#dom-context-2d-resettransform
  103. void reset_transform()
  104. {
  105. // The resetTransform() method, when invoked, must reset the current transformation matrix to the identity matrix.
  106. my_drawing_state().transform = {};
  107. flush_transform();
  108. }
  109. void flush_transform()
  110. {
  111. if (auto* painter = static_cast<IncludingClass&>(*this).painter())
  112. painter->set_transform(my_drawing_state().transform);
  113. }
  114. protected:
  115. CanvasTransform() = default;
  116. private:
  117. CanvasState::DrawingState& my_drawing_state() { return reinterpret_cast<IncludingClass&>(*this).drawing_state(); }
  118. CanvasState::DrawingState const& my_drawing_state() const { return reinterpret_cast<IncludingClass const&>(*this).drawing_state(); }
  119. };
  120. }