CanvasRenderingContext2DWrapper.cpp 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407
  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/FlyString.h>
  27. #include <AK/Function.h>
  28. #include <LibJS/Interpreter.h>
  29. #include <LibJS/Runtime/Error.h>
  30. #include <LibJS/Runtime/GlobalObject.h>
  31. #include <LibJS/Runtime/PrimitiveString.h>
  32. #include <LibJS/Runtime/Value.h>
  33. #include <LibWeb/Bindings/CanvasRenderingContext2DWrapper.h>
  34. #include <LibWeb/Bindings/HTMLImageElementWrapper.h>
  35. #include <LibWeb/Bindings/ImageDataWrapper.h>
  36. #include <LibWeb/DOM/CanvasRenderingContext2D.h>
  37. #include <LibWeb/DOM/HTMLCanvasElement.h>
  38. #include <LibWeb/DOM/HTMLImageElement.h>
  39. #include <LibWeb/DOM/ImageData.h>
  40. namespace Web {
  41. namespace Bindings {
  42. CanvasRenderingContext2DWrapper* wrap(JS::Heap& heap, CanvasRenderingContext2D& impl)
  43. {
  44. return static_cast<CanvasRenderingContext2DWrapper*>(wrap_impl(heap, impl));
  45. }
  46. CanvasRenderingContext2DWrapper::CanvasRenderingContext2DWrapper(CanvasRenderingContext2D& impl)
  47. : Wrapper(*interpreter().global_object().object_prototype())
  48. , m_impl(impl)
  49. {
  50. define_native_function("fillRect", fill_rect, 4);
  51. define_native_function("scale", scale, 2);
  52. define_native_function("translate", translate, 2);
  53. define_native_function("strokeRect", stroke_rect, 4);
  54. define_native_function("drawImage", draw_image, 3);
  55. define_native_function("beginPath", begin_path, 0);
  56. define_native_function("closePath", close_path, 0);
  57. define_native_function("stroke", stroke, 0);
  58. define_native_function("fill", fill, 0);
  59. define_native_function("moveTo", move_to, 2);
  60. define_native_function("lineTo", line_to, 2);
  61. define_native_function("quadraticCurveTo", quadratic_curve_to, 4);
  62. define_native_function("createImageData", create_image_data, 1);
  63. define_native_function("putImageData", put_image_data, 3);
  64. define_native_property("fillStyle", fill_style_getter, fill_style_setter);
  65. define_native_property("strokeStyle", stroke_style_getter, stroke_style_setter);
  66. define_native_property("lineWidth", line_width_getter, line_width_setter);
  67. define_native_property("canvas", canvas_getter, nullptr);
  68. }
  69. CanvasRenderingContext2DWrapper::~CanvasRenderingContext2DWrapper()
  70. {
  71. }
  72. static CanvasRenderingContext2D* impl_from(JS::Interpreter& interpreter)
  73. {
  74. auto* this_object = interpreter.this_value(interpreter.global_object()).to_object(interpreter);
  75. if (!this_object)
  76. return nullptr;
  77. // FIXME: Verify that it's a CanvasRenderingContext2DWrapper somehow!
  78. return &static_cast<CanvasRenderingContext2DWrapper*>(this_object)->impl();
  79. }
  80. JS::Value CanvasRenderingContext2DWrapper::fill_rect(JS::Interpreter& interpreter)
  81. {
  82. auto* impl = impl_from(interpreter);
  83. if (!impl)
  84. return {};
  85. if (interpreter.argument_count() >= 4) {
  86. auto x = interpreter.argument(0).to_double(interpreter);
  87. if (interpreter.exception())
  88. return {};
  89. auto y = interpreter.argument(1).to_double(interpreter);
  90. if (interpreter.exception())
  91. return {};
  92. auto width = interpreter.argument(2).to_double(interpreter);
  93. if (interpreter.exception())
  94. return {};
  95. auto height = interpreter.argument(3).to_double(interpreter);
  96. if (interpreter.exception())
  97. return {};
  98. impl->fill_rect(x, y, width, height);
  99. }
  100. return JS::js_undefined();
  101. }
  102. JS::Value CanvasRenderingContext2DWrapper::stroke_rect(JS::Interpreter& interpreter)
  103. {
  104. auto* impl = impl_from(interpreter);
  105. if (!impl)
  106. return {};
  107. if (interpreter.argument_count() >= 4) {
  108. auto x = interpreter.argument(0).to_double(interpreter);
  109. if (interpreter.exception())
  110. return {};
  111. auto y = interpreter.argument(1).to_double(interpreter);
  112. if (interpreter.exception())
  113. return {};
  114. auto width = interpreter.argument(2).to_double(interpreter);
  115. if (interpreter.exception())
  116. return {};
  117. auto height = interpreter.argument(3).to_double(interpreter);
  118. if (interpreter.exception())
  119. return {};
  120. impl->stroke_rect(x, y, width, height);
  121. }
  122. return JS::js_undefined();
  123. }
  124. JS::Value CanvasRenderingContext2DWrapper::draw_image(JS::Interpreter& interpreter)
  125. {
  126. auto* impl = impl_from(interpreter);
  127. if (!impl)
  128. return {};
  129. if (interpreter.argument_count() < 3)
  130. return interpreter.throw_exception<JS::TypeError>(JS::ErrorType::DrawImageArgumentCount);
  131. auto* image_argument = interpreter.argument(0).to_object(interpreter);
  132. if (!image_argument)
  133. return {};
  134. if (StringView(image_argument->class_name()) != "HTMLImageElementWrapper")
  135. return interpreter.throw_exception<JS::TypeError>(JS::ErrorType::ImageIsAn, image_argument->class_name());
  136. auto x = interpreter.argument(1).to_double(interpreter);
  137. if (interpreter.exception())
  138. return {};
  139. auto y = interpreter.argument(2).to_double(interpreter);
  140. if (interpreter.exception())
  141. return {};
  142. impl->draw_image(static_cast<const HTMLImageElementWrapper&>(*image_argument).node(), x, y);
  143. return JS::js_undefined();
  144. }
  145. JS::Value CanvasRenderingContext2DWrapper::scale(JS::Interpreter& interpreter)
  146. {
  147. auto* impl = impl_from(interpreter);
  148. if (!impl)
  149. return {};
  150. if (interpreter.argument_count() >= 2) {
  151. auto sx = interpreter.argument(0).to_number(interpreter);
  152. if (interpreter.exception())
  153. return {};
  154. auto sy = interpreter.argument(1).to_number(interpreter);
  155. if (interpreter.exception())
  156. return {};
  157. if (sx.is_finite_number() && sy.is_finite_number())
  158. impl->scale(sx.as_double(), sy.as_double());
  159. }
  160. return JS::js_undefined();
  161. }
  162. JS::Value CanvasRenderingContext2DWrapper::translate(JS::Interpreter& interpreter)
  163. {
  164. auto* impl = impl_from(interpreter);
  165. if (!impl)
  166. return {};
  167. if (interpreter.argument_count() >= 2) {
  168. auto tx = interpreter.argument(0).to_number(interpreter);
  169. if (interpreter.exception())
  170. return {};
  171. auto ty = interpreter.argument(1).to_number(interpreter);
  172. if (interpreter.exception())
  173. return {};
  174. if (tx.is_finite_number() && ty.is_finite_number())
  175. impl->translate(tx.as_double(), ty.as_double());
  176. }
  177. return JS::js_undefined();
  178. }
  179. JS::Value CanvasRenderingContext2DWrapper::fill_style_getter(JS::Interpreter& interpreter)
  180. {
  181. auto* impl = impl_from(interpreter);
  182. if (!impl)
  183. return {};
  184. return JS::js_string(interpreter, impl->fill_style());
  185. }
  186. void CanvasRenderingContext2DWrapper::fill_style_setter(JS::Interpreter& interpreter, JS::Value value)
  187. {
  188. auto* impl = impl_from(interpreter);
  189. if (!impl)
  190. return;
  191. auto string = value.to_string(interpreter);
  192. if (interpreter.exception())
  193. return;
  194. impl->set_fill_style(string);
  195. }
  196. JS::Value CanvasRenderingContext2DWrapper::stroke_style_getter(JS::Interpreter& interpreter)
  197. {
  198. auto* impl = impl_from(interpreter);
  199. if (!impl)
  200. return {};
  201. return JS::js_string(interpreter, impl->stroke_style());
  202. }
  203. void CanvasRenderingContext2DWrapper::stroke_style_setter(JS::Interpreter& interpreter, JS::Value value)
  204. {
  205. auto* impl = impl_from(interpreter);
  206. if (!impl)
  207. return;
  208. auto string = value.to_string(interpreter);
  209. if (interpreter.exception())
  210. return;
  211. impl->set_stroke_style(string);
  212. }
  213. JS::Value CanvasRenderingContext2DWrapper::line_width_getter(JS::Interpreter& interpreter)
  214. {
  215. auto* impl = impl_from(interpreter);
  216. if (!impl)
  217. return {};
  218. return JS::Value(impl->line_width());
  219. }
  220. void CanvasRenderingContext2DWrapper::line_width_setter(JS::Interpreter& interpreter, JS::Value value)
  221. {
  222. auto* impl = impl_from(interpreter);
  223. if (!impl)
  224. return;
  225. auto line_width = value.to_double(interpreter);
  226. if (interpreter.exception())
  227. return;
  228. impl->set_line_width(line_width);
  229. }
  230. JS::Value CanvasRenderingContext2DWrapper::begin_path(JS::Interpreter& interpreter)
  231. {
  232. auto* impl = impl_from(interpreter);
  233. if (!impl)
  234. return {};
  235. impl->begin_path();
  236. return JS::js_undefined();
  237. }
  238. JS::Value CanvasRenderingContext2DWrapper::close_path(JS::Interpreter& interpreter)
  239. {
  240. auto* impl = impl_from(interpreter);
  241. if (!impl)
  242. return {};
  243. impl->close_path();
  244. return JS::js_undefined();
  245. }
  246. JS::Value CanvasRenderingContext2DWrapper::stroke(JS::Interpreter& interpreter)
  247. {
  248. auto* impl = impl_from(interpreter);
  249. if (!impl)
  250. return {};
  251. impl->stroke();
  252. return JS::js_undefined();
  253. }
  254. JS::Value CanvasRenderingContext2DWrapper::fill(JS::Interpreter& interpreter)
  255. {
  256. auto* impl = impl_from(interpreter);
  257. if (!impl)
  258. return {};
  259. auto winding = Gfx::Painter::WindingRule::Nonzero;
  260. if (interpreter.argument_count() == 1) {
  261. auto arg0 = interpreter.argument(0);
  262. if (arg0.is_string()) {
  263. const auto& winding_name = arg0.as_string().string();
  264. if (winding_name == "evenodd") {
  265. winding = Gfx::Painter::WindingRule::EvenOdd;
  266. } else if (winding_name != "nonzero") {
  267. return interpreter.throw_exception<JS::TypeError>(JS::ErrorType::FillBadWindingRule);
  268. }
  269. } else {
  270. return interpreter.throw_exception<JS::TypeError>(JS::ErrorType::FillNonString);
  271. }
  272. } else {
  273. // FIXME: Path2D object
  274. return JS::js_undefined();
  275. }
  276. impl->fill(winding);
  277. return JS::js_undefined();
  278. }
  279. JS::Value CanvasRenderingContext2DWrapper::move_to(JS::Interpreter& interpreter)
  280. {
  281. auto* impl = impl_from(interpreter);
  282. if (!impl)
  283. return {};
  284. auto x = interpreter.argument(0).to_double(interpreter);
  285. if (interpreter.exception())
  286. return {};
  287. auto y = interpreter.argument(1).to_double(interpreter);
  288. if (interpreter.exception())
  289. return {};
  290. impl->move_to(x, y);
  291. return JS::js_undefined();
  292. }
  293. JS::Value CanvasRenderingContext2DWrapper::line_to(JS::Interpreter& interpreter)
  294. {
  295. auto* impl = impl_from(interpreter);
  296. if (!impl)
  297. return {};
  298. auto x = interpreter.argument(0).to_double(interpreter);
  299. if (interpreter.exception())
  300. return {};
  301. auto y = interpreter.argument(1).to_double(interpreter);
  302. if (interpreter.exception())
  303. return {};
  304. impl->line_to(x, y);
  305. return JS::js_undefined();
  306. }
  307. JS::Value CanvasRenderingContext2DWrapper::quadratic_curve_to(JS::Interpreter& interpreter)
  308. {
  309. auto* impl = impl_from(interpreter);
  310. if (!impl)
  311. return {};
  312. auto cx = interpreter.argument(0).to_double(interpreter);
  313. if (interpreter.exception())
  314. return {};
  315. auto cy = interpreter.argument(1).to_double(interpreter);
  316. if (interpreter.exception())
  317. return {};
  318. auto x = interpreter.argument(2).to_double(interpreter);
  319. if (interpreter.exception())
  320. return {};
  321. auto y = interpreter.argument(3).to_double(interpreter);
  322. if (interpreter.exception())
  323. return {};
  324. impl->quadratic_curve_to(cx, cy, x, y);
  325. return JS::js_undefined();
  326. }
  327. JS::Value CanvasRenderingContext2DWrapper::create_image_data(JS::Interpreter& interpreter)
  328. {
  329. auto* impl = impl_from(interpreter);
  330. if (!impl)
  331. return {};
  332. auto width = interpreter.argument(0).to_i32(interpreter);
  333. if (interpreter.exception())
  334. return {};
  335. auto height = interpreter.argument(1).to_i32(interpreter);
  336. if (interpreter.exception())
  337. return {};
  338. auto image_data = impl->create_image_data(interpreter.global_object(), width, height);
  339. return wrap(interpreter.heap(), *image_data);
  340. }
  341. JS::Value CanvasRenderingContext2DWrapper::put_image_data(JS::Interpreter& interpreter)
  342. {
  343. auto* impl = impl_from(interpreter);
  344. if (!impl)
  345. return {};
  346. auto* image_data_object = interpreter.argument(0).to_object(interpreter);
  347. if (!image_data_object)
  348. return {};
  349. if (StringView(image_data_object->class_name()) != "ImageDataWrapper") {
  350. return interpreter.throw_exception<JS::TypeError>(JS::ErrorType::PutImageDataBadCall);
  351. }
  352. auto& image_data = static_cast<ImageDataWrapper*>(image_data_object)->impl();
  353. auto x = interpreter.argument(1).to_double(interpreter);
  354. if (interpreter.exception())
  355. return {};
  356. auto y = interpreter.argument(2).to_double(interpreter);
  357. if (interpreter.exception())
  358. return {};
  359. impl->put_image_data(image_data, x, y);
  360. return JS::js_undefined();
  361. }
  362. JS::Value CanvasRenderingContext2DWrapper::canvas_getter(JS::Interpreter& interpreter)
  363. {
  364. auto* impl = impl_from(interpreter);
  365. if (!impl)
  366. return {};
  367. auto* element = impl->element();
  368. if (!element)
  369. return JS::js_null();
  370. return wrap(interpreter.heap(), *element);
  371. }
  372. }
  373. }