# \[Solved\] Does Thunkable X have a Canvas component? **URL:** \ **Category:** Questions about Thunkable X\ **Tags:** solved, canvas\ **Created:** [July 27, 2018, 6:01pm UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899 "2018-07-27T18:01:36Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![Chad\_Whiteley](https://avatars.discourse-cdn.com/v4/letter/c/7bcc69/32.png) [@Chad\_Whiteley](https://community.thunkable.com/u/Chad_Whiteley)\ **Post date:** [July 27, 2018, 6:01pm UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/1 "2018-07-27T18:01:36Z")
What is the cross platform alternative to Canvas. I can not seem to find anything that has this functionality. ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [July 27, 2018, 6:06pm UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/2 "2018-07-27T18:06:34Z")
Use html canvas > [@Alert,Button and canvas simple with html](http://community.thunkable.com/t/alert-button-and-canvas-simple-with-html/31459/2): > > Also works with canvas and lineTo [https://x.thunkable.com/copy/9248ce327276618d22a9880525e1c18f](https://x.thunkable.com/copy/9248ce327276618d22a9880525e1c18f) ---
**Author:** ![Eram\_Cooperativa](https://avatars.discourse-cdn.com/v4/letter/e/7ea924/32.png) [@Eram\_Cooperativa](https://community.thunkable.com/u/Eram_Cooperativa)\ **Post date:** [October 11, 2018, 8:48am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/3 "2018-10-11T08:48:16Z")
I’m a very new bie,can i use this to draw on screen?This is what canvas means?Thanks ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [October 19, 2018, 7:32am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/4 "2018-10-19T07:32:38Z")
An example of drawing on the screen is in the project [https://x.thunkable.com/projects/5b62ee9338e652270d9c53a9/VarList/designer](https://x.thunkable.com/projects/5b62ee9338e652270d9c53a9/VarList/designer) on the scrCanvas screen ---
**Author:** ![Eram\_Cooperativa](https://avatars.discourse-cdn.com/v4/letter/e/7ea924/32.png) [@Eram\_Cooperativa](https://community.thunkable.com/u/Eram_Cooperativa)\ **Post date:** [October 19, 2018, 8:35am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/5 "2018-10-19T08:35:04Z")
Thanks, i will try to learn, it says unstable i suppose because its on development thus far a canvas is needed i think but this is very kind and remarkable thanks ,i really appreciate ---
**Author:** ![Kyle\_Williams](https://avatars.discourse-cdn.com/v4/letter/k/b2d939/32.png) [@Kyle\_Williams](https://community.thunkable.com/u/Kyle_Williams)\ **Post date:** [October 19, 2018, 1:44pm UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/6 "2018-10-19T13:44:02Z")
@actech This project is read only, so I am unable to make a copy and experiment in my own application. This also prevents me from seeing the contents of some of the blocks (the HTML for the HTML Canvas, for example). Could you change the setting so that I could copy the project and examine? Thanks! ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [October 19, 2018, 6:41pm UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/7 "2018-10-19T18:41:57Z")
Strange. I have this project has the status of public. Try a different public version of [https://x.thunkable.com/projects/5b59c37aa427e11aeaeaa16b/VarList/designer](https://x.thunkable.com/projects/5b59c37aa427e11aeaeaa16b/VarList/designer) Alex. ---
**Author:** ![Eram\_Cooperativa](https://avatars.discourse-cdn.com/v4/letter/e/7ea924/32.png) [@Eram\_Cooperativa](https://community.thunkable.com/u/Eram_Cooperativa)\ **Post date:** [November 8, 2018, 8:21am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/8 "2018-11-08T08:21:46Z")
Me too ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [November 8, 2018, 8:37am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/9 "2018-11-08T08:37:08Z")
If the project has the status “read only”, then you need to make a copy of it, in which you can edit it. ---
**Author:** ![Eram\_Cooperativa](https://avatars.discourse-cdn.com/v4/letter/e/7ea924/32.png) [@Eram\_Cooperativa](https://community.thunkable.com/u/Eram_Cooperativa)\ **Post date:** [November 8, 2018, 8:41am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/10 "2018-11-08T08:41:36Z")
Ok thanks This far i found react.js being different but related to react native and doing this i found The literallycanvas page,so i started to understand how to put it in Thunkable,i really appreciate your help that being said i need to learn and to have more ways to do things,can you help me understanding?Thanks ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [November 8, 2018, 8:46am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/11 "2018-11-08T08:46:08Z")
Your question - how to put it in Thunakble X Literallycanvas? ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [November 8, 2018, 8:53am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/12 "2018-11-08T08:53:51Z")
If so, then I answer. If you need to use any framework or html page in Thunkable X, then you must first create an html page, test it in the browser and only then upload this page to the app, indicating its name in the WebViewer.URL property. This is the most reliable option. Another option is to create an html page manually using the data: URI protocol. But this is a complicated way and it is only suitable for creating simple html code. The frameworks in this way will not work. ---
**Author:** ![Eram\_Cooperativa](https://avatars.discourse-cdn.com/v4/letter/e/7ea924/32.png) [@Eram\_Cooperativa](https://community.thunkable.com/u/Eram_Cooperativa)\ **Post date:** [November 8, 2018, 10:55am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/13 "2018-11-08T10:55:44Z")
thanks for the answer,so basically it doesn’t load the framework from an external url or is it embedded within the app?thanks ---
**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\ **Post date:** [May 24, 2019, 9:24am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/14 "2019-05-24T09:24:00Z")
But where is the “webview\_string” to communicate with the HTML? ---
**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\ **Post date:** [May 24, 2019, 9:36am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/15 "2019-05-24T09:36:00Z")
This is not. Do you also need this feature? Then ask the developers to add it. Alternatively, you have to use the exchange through the FireBase JavaScript API. ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [September 27, 2019, 9:47am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/16 "2019-09-27T09:47:11Z")
hey @Chad_Whiteley 👋 We’ve actually just launched the Canvas component for Thunkable X. You can find docs and sample games here: [https://docs.thunkable.com/gaming](https://docs.thunkable.com/gaming) cc: @Eram_Cooperativa @Kyle_Williams ---
**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\ **Post date:** [October 16, 2019, 2:27pm UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/17 "2019-10-16T14:27:25Z")
3 posts were split to a new topic: [What’s the best way to display animated GIFs?](https://community.thunkable.com/t/whats-the-best-way-to-display-animated-gifs/274715) ---
**Author:** ![zion.tolerqyfzy1](https://avatars.discourse-cdn.com/v4/letter/z/b5a626/32.png) [@zion.tolerqyfzy1](https://community.thunkable.com/u/zion.tolerqyfzy1)\ **Post date:** [October 16, 2020, 2:55am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/18 "2020-10-16T02:55:06Z")
Me and my class are trying to use this to make a drawing thing where we have a picture of a maze and you have to drag and go through the maze…How would i do this on thunkable its been a big struggle ---
**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\ **Post date:** [November 8, 2024, 11:54am UTC](https://community.thunkable.com/t/solved-does-thunkable-x-have-a-canvas-component/37899/19 "2024-11-08T11:54:46Z")