# Collaborative Drawing on a Canvas Component

**URL:** <https://community.thunkable.com/t/collaborative-drawing-on-a-canvas-component/2185609>\
**Category:** Canvas / Gaming\
**Created:** [December 19, 2022, 11:30pm UTC](https://community.thunkable.com/t/collaborative-drawing-on-a-canvas-component/2185609 "2022-12-19T23:30:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![john\_shelby\_hhs](https://avatars.discourse-cdn.com/v4/letter/j/7feea3/32.png) [@john\_shelby\_hhs](https://community.thunkable.com/u/john_shelby_hhs)\
**Post date:** [December 19, 2022, 11:30pm UTC](https://community.thunkable.com/t/collaborative-drawing-on-a-canvas-component/2185609/1 "2022-12-19T23:30:51Z")

</div>

Hi Thunkable folks,  
Is it possible to do either of the following in a Canvas:

- Detect press and drags. I can detect presses, but I don’t see an event for dragging or picking up the finger press.
- Set the background image of the canvas to a dynamically downloaded image (like from a MediaDB). I know you can set the background to pre-loaded images.

The use case: I’m trying to make a collaborative drawing app where 2 people draw an image together. To do this, I need to get drawing data into the cloud so that drawings from one device are shown on another device in the same Canvas space. Idea 1 is to turn on Canvas “drawing” mode, then put an image of the Canvas in the cloud. I can do that, but the problem is that I cannot put that image on the Canvas of the other user. Idea 2 is to turn off drawing mode and to draw pictures myself using finger tap events and drawing blocks - then I’ll store color and coordinate data in the cloud. The problem here is that I cannot detect enough inputs on the Canvas to be able to draw shapes myself nicely - I can only detect the initial tap point (so I cannot tap and drag to draw a line, for example).

---

<div class="post-metadata">

**Author:** ![Carlos\_Bieberach](https://avatars.discourse-cdn.com/v4/letter/c/5daacb/32.png) [@Carlos\_Bieberach](https://community.thunkable.com/u/Carlos_Bieberach)\
**Post date:** [March 24, 2023, 2:55am UTC](https://community.thunkable.com/t/collaborative-drawing-on-a-canvas-component/2185609/2 "2023-03-24T02:55:51Z")

</div>

Any luck drawing with your finger on a photo and saving it ?

Carlos

---

<div class="post-metadata">

**Author:** ![john\_shelby\_hhs](https://avatars.discourse-cdn.com/v4/letter/j/7feea3/32.png) [@john\_shelby\_hhs](https://community.thunkable.com/u/john_shelby_hhs)\
**Post date:** [May 9, 2023, 6:55pm UTC](https://community.thunkable.com/t/collaborative-drawing-on-a-canvas-component/2185609/3 "2023-05-09T18:55:05Z")

</div>

Nope! Still can’t do it.

To clarify - you can make drawings and save the resulting image. There’s a block available for the canvas that gets the stage image.

What you can’t do is _dynamically_ put an image on to a canvas (an image that wasn’t preloaded as a Thunkable asset).

---

<div class="post-metadata">

**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, 1:12pm UTC](https://community.thunkable.com/t/collaborative-drawing-on-a-canvas-component/2185609/4 "2024-11-08T13:12:35Z")

</div>


