CanvasRenderingContext2D.cpp 6.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. /*
  2. * Copyright (c) 2020, Andreas Kling <kling@serenityos.org>
  3. * All rights reserved.
  4. *
  5. * Redistribution and use in source and binary forms, with or without
  6. * modification, are permitted provided that the following conditions are met:
  7. *
  8. * 1. Redistributions of source code must retain the above copyright notice, this
  9. * list of conditions and the following disclaimer.
  10. *
  11. * 2. Redistributions in binary form must reproduce the above copyright notice,
  12. * this list of conditions and the following disclaimer in the documentation
  13. * and/or other materials provided with the distribution.
  14. *
  15. * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
  16. * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
  17. * IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  18. * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
  19. * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
  20. * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
  21. * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
  22. * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
  23. * OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  24. * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  25. */
  26. #include <AK/OwnPtr.h>
  27. #include <LibGfx/Painter.h>
  28. #include <LibWeb/Bindings/CanvasRenderingContext2DWrapper.h>
  29. #include <LibWeb/HTML/CanvasRenderingContext2D.h>
  30. #include <LibWeb/HTML/HTMLCanvasElement.h>
  31. #include <LibWeb/HTML/HTMLImageElement.h>
  32. #include <LibWeb/HTML/ImageData.h>
  33. namespace Web::HTML {
  34. CanvasRenderingContext2D::CanvasRenderingContext2D(HTMLCanvasElement& element)
  35. : m_element(element)
  36. {
  37. }
  38. CanvasRenderingContext2D::~CanvasRenderingContext2D()
  39. {
  40. }
  41. void CanvasRenderingContext2D::set_fill_style(String style)
  42. {
  43. m_fill_style = Gfx::Color::from_string(style).value_or(Color::Black);
  44. }
  45. String CanvasRenderingContext2D::fill_style() const
  46. {
  47. return m_fill_style.to_string();
  48. }
  49. void CanvasRenderingContext2D::fill_rect(float x, float y, float width, float height)
  50. {
  51. auto painter = this->painter();
  52. if (!painter)
  53. return;
  54. auto rect = m_transform.map(Gfx::FloatRect(x, y, width, height));
  55. painter->fill_rect(enclosing_int_rect(rect), m_fill_style);
  56. did_draw(rect);
  57. }
  58. void CanvasRenderingContext2D::set_stroke_style(String style)
  59. {
  60. m_stroke_style = Gfx::Color::from_string(style).value_or(Color::Black);
  61. }
  62. String CanvasRenderingContext2D::stroke_style() const
  63. {
  64. return m_fill_style.to_string();
  65. }
  66. void CanvasRenderingContext2D::stroke_rect(float x, float y, float width, float height)
  67. {
  68. auto painter = this->painter();
  69. if (!painter)
  70. return;
  71. auto rect = m_transform.map(Gfx::FloatRect(x, y, width, height));
  72. auto top_left = m_transform.map(Gfx::FloatPoint(x, y)).to_type<int>();
  73. auto top_right = m_transform.map(Gfx::FloatPoint(x + width - 1, y)).to_type<int>();
  74. auto bottom_left = m_transform.map(Gfx::FloatPoint(x, y + height - 1)).to_type<int>();
  75. auto bottom_right = m_transform.map(Gfx::FloatPoint(x + width - 1, y + height - 1)).to_type<int>();
  76. painter->draw_line(top_left, top_right, m_stroke_style, m_line_width);
  77. painter->draw_line(top_right, bottom_right, m_stroke_style, m_line_width);
  78. painter->draw_line(bottom_right, bottom_left, m_stroke_style, m_line_width);
  79. painter->draw_line(bottom_left, top_left, m_stroke_style, m_line_width);
  80. did_draw(rect);
  81. }
  82. void CanvasRenderingContext2D::draw_image(const HTMLImageElement& image_element, float x, float y)
  83. {
  84. if (!image_element.bitmap())
  85. return;
  86. auto painter = this->painter();
  87. if (!painter)
  88. return;
  89. auto src_rect = image_element.bitmap()->rect();
  90. Gfx::FloatRect dst_rect = { x, y, (float)image_element.bitmap()->width(), (float)image_element.bitmap()->height() };
  91. auto rect = m_transform.map(dst_rect);
  92. painter->draw_scaled_bitmap(enclosing_int_rect(rect), *image_element.bitmap(), src_rect);
  93. }
  94. void CanvasRenderingContext2D::scale(float sx, float sy)
  95. {
  96. dbgln("CanvasRenderingContext2D::scale({}, {})", sx, sy);
  97. m_transform.scale(sx, sy);
  98. }
  99. void CanvasRenderingContext2D::translate(float tx, float ty)
  100. {
  101. dbgln("CanvasRenderingContext2D::translate({}, {})", tx, ty);
  102. m_transform.translate(tx, ty);
  103. }
  104. void CanvasRenderingContext2D::rotate(float radians)
  105. {
  106. dbgln("CanvasRenderingContext2D::rotate({})", radians);
  107. m_transform.rotate_radians(radians);
  108. }
  109. void CanvasRenderingContext2D::did_draw(const Gfx::FloatRect&)
  110. {
  111. // FIXME: Make use of the rect to reduce the invalidated area when possible.
  112. if (!m_element)
  113. return;
  114. if (!m_element->layout_node())
  115. return;
  116. m_element->layout_node()->set_needs_display();
  117. }
  118. OwnPtr<Gfx::Painter> CanvasRenderingContext2D::painter()
  119. {
  120. if (!m_element)
  121. return {};
  122. if (!m_element->bitmap()) {
  123. if (!m_element->create_bitmap())
  124. return {};
  125. }
  126. return make<Gfx::Painter>(*m_element->bitmap());
  127. }
  128. void CanvasRenderingContext2D::begin_path()
  129. {
  130. m_path = Gfx::Path();
  131. }
  132. void CanvasRenderingContext2D::close_path()
  133. {
  134. m_path.close();
  135. }
  136. void CanvasRenderingContext2D::move_to(float x, float y)
  137. {
  138. m_path.move_to({ x, y });
  139. }
  140. void CanvasRenderingContext2D::line_to(float x, float y)
  141. {
  142. m_path.line_to({ x, y });
  143. }
  144. void CanvasRenderingContext2D::quadratic_curve_to(float cx, float cy, float x, float y)
  145. {
  146. m_path.quadratic_bezier_curve_to({ cx, cy }, { x, y });
  147. }
  148. void CanvasRenderingContext2D::stroke()
  149. {
  150. auto painter = this->painter();
  151. if (!painter)
  152. return;
  153. painter->stroke_path(m_path, m_stroke_style, m_line_width);
  154. }
  155. void CanvasRenderingContext2D::fill(Gfx::Painter::WindingRule winding)
  156. {
  157. auto painter = this->painter();
  158. if (!painter)
  159. return;
  160. auto path = m_path;
  161. path.close_all_subpaths();
  162. painter->fill_path(path, m_fill_style, winding);
  163. }
  164. void CanvasRenderingContext2D::fill(const String& fill_rule)
  165. {
  166. if (fill_rule == "evenodd")
  167. return fill(Gfx::Painter::WindingRule::EvenOdd);
  168. return fill(Gfx::Painter::WindingRule::Nonzero);
  169. }
  170. RefPtr<ImageData> CanvasRenderingContext2D::create_image_data(int width, int height) const
  171. {
  172. if (!wrapper()) {
  173. dbgln("Hmm! Attempted to create ImageData for wrapper-less CRC2D.");
  174. return {};
  175. }
  176. return ImageData::create_with_size(wrapper()->global_object(), width, height);
  177. }
  178. void CanvasRenderingContext2D::put_image_data(const ImageData& image_data, float x, float y)
  179. {
  180. auto painter = this->painter();
  181. if (!painter)
  182. return;
  183. painter->blit(Gfx::IntPoint(x, y), image_data.bitmap(), image_data.bitmap().rect());
  184. did_draw(Gfx::FloatRect(x, y, image_data.width(), image_data.height()));
  185. }
  186. }