# Draw on photograph taken

**URL:** <https://community.thunkable.com/t/draw-on-photograph-taken/2754057>\
**Category:** Questions about Thunkable X\
**Created:** [December 18, 2023, 11:39am UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057 "2023-12-18T11:39:46Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [December 18, 2023, 11:39am UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/1 "2023-12-18T11:39:47Z")

</div>

Hello, I would like to be able to make a tool that allows you to draw on a taken photo. However, no block allows you to do this.  
I had an idea but I can’t find the solution. It’s to upload the photo taken to the application so that it can then be displayed as wallpaper on the canvas. Someone can help me ? The answers I found on the forum are not clear… and don’t really help me

---

<div class="post-metadata">

**Author:** ![peterjamesleniq](https://avatars.discourse-cdn.com/v4/letter/p/9fc348/32.png) [@peterjamesleniq](https://community.thunkable.com/u/peterjamesleniq)\
**Post date:** [December 18, 2023, 7:17pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/2 "2023-12-18T19:17:31Z")

</div>

Can you give us some sample code please.

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [December 18, 2023, 9:59pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/3 "2023-12-18T21:59:20Z")

</div>

No, I can’t write you an example of code because I don’t know how to do it. I would like to succeed in finding a way to make an application with a tool allowing you to take a photo and then draw on it like some existing applications in the app stores.

 ![Capture d'écran 2023-12-18 225716](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2ddb0cd61173dd69ea8d99d5340b8de8795c609f.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 18, 2023, 10:43pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/4 "2023-12-18T22:43:36Z")

</div>

I think this could work with an image component behind a canvas with a transparent background.

@matt_conroy Is there a reason why the transparent background appears opaque/white when testing in Thunkable Live? [This project](https://x.thunkable.com/copy/1535a3510e1e8ff48eba8bfcbad46989) (see first screen) is not a fully-formed demo yet but when I live test it, it looks like this:

 ![Screenshot 2023-12-18 at 2.42.28 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/7/e750753e7f6068194127e6b79069fd2e870aaafc.jpeg)

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/e/bea3c11a3d794ca2f6169d81791f50ce75f95444.png)

It also seems that it’s impossible to set an alpha (opacity) value lower than 100 (100%) for the stage’s background color. When I enter a different number such as 25 and press tab, it reverts immediately to 100. Is this a bug?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/7/77b78b6ae5263015f5b70e18c24c34f9fb9740d8.jpeg)

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [December 19, 2023, 2:56pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/5 "2023-12-19T14:56:05Z")

</div>

Thanks for flagging this. I will take a look and see what might be going on.

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [December 19, 2023, 6:12pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/6 "2023-12-19T18:12:03Z")

</div>

Hi,  
Actually, I don’t understand because it is impossible to create a canvas with a transparent background. The background must necessarily have a color. I don’t understand why there is not the possibility in the canvas to be able to put a transparent background to finally be able to draw transparently on a photo taken.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 19, 2023, 7:26pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/7 "2023-12-19T19:26:07Z")

</div>

The stage’s background color seems to allow for an opacity setting of 0 (which would be transparent) but it’s not working correctly. Thunkable Staff is looking into the problem so we’ll need to wait to see when they can fix it.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [December 19, 2023, 8:36pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/8 "2023-12-19T20:36:07Z")

</div>

I’ll bump this to our dev team again. It looks like this was previously reported here back in mid-2022. Apologies for this inconvenience here.

> [@Issues with sprite causing transparent canvas to be opaque white. \[July 2022\]](https://community.thunkable.com/t/issues-with-sprite-causing-transparent-canvas-to-be-opaque-white-july-2022/1984493):
>
> If you set a canvas to be transparent and then add a sprite, you may notice that you loose the transparency. This bug has been reported and is being looked into. Best,

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [December 20, 2023, 7:51pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/9 "2023-12-20T19:51:41Z")

</div>

Hi,  
Even without a sprite, just the canvas does not allow it to be transparent even if it is empty.  
It seems to be impossible to draw on a canvas with a transparent background (which would indeed allow you to draw on a photo in the background with a transparent canvas on top). If you find a solution I’m interested 🙂

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [December 20, 2023, 10:14pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/10 "2023-12-20T22:14:29Z")

</div>

You’ve repeated this a few times. Are you aware that the Thunkable Staff are looking into the problem you’ve described?

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [December 21, 2023, 9:48pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/11 "2023-12-21T21:48:41Z")

</div>

I wasn’t sure if the problem I described was understood as I don’t speak English well. I’m using a translator. I thank the thunkable team in any case for taking this time to study this problem. Thank you so much

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [January 3, 2024, 9:07am UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/12 "2024-01-03T09:07:45Z")

</div>

Hello, I don’t know if the problem has been resolved because I saw in the release notes that this is noted:  
“Fix issue with rendering Sprite opacity in Canvas tab”  
I still have the same problem. Is this normal?  
I thank you in advance

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [January 3, 2024, 3:21pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/13 "2024-01-03T15:21:28Z")

</div>

@team.eps.numeriqueg That is a different issue. The issue we are having with the transparent canvas background being opaque has been acknowledged by our Product team but we don’t have any timeline for a fix yet, however. I’ll have to update you here if I receive any news.

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [January 4, 2024, 11:31am UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/14 "2024-01-04T11:31:07Z")

</div>

Perfect, thank you. I didn’t know if it was a note to say that the fix had been done or if it had only been declared. Thank you a lot. Good day

---

<div class="post-metadata">

**Author:** ![team.eps.numeriqueg](https://avatars.discourse-cdn.com/v4/letter/t/5f8ce5/32.png) [@team.eps.numeriqueg](https://community.thunkable.com/u/team.eps.numeriqueg)\
**Post date:** [March 26, 2024, 2:03pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/15 "2024-03-26T14:03:04Z")

</div>

Hello,

I was wondering if you managed to resolve the issue in order to complete the task I mentioned earlier. I’m still unable to do it. Thank you.

---

<div class="post-metadata">

**Author:** ![matt\_conroy](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/matt_conroy/32/150843_2.png) [@matt\_conroy](https://community.thunkable.com/u/matt_conroy)\
**Post date:** [March 26, 2024, 2:42pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/16 "2024-03-26T14:42:46Z")

</div>

Hi @team.eps.numeriqueg, thanks for reaching out. Unfortunately, we don’t have a timeline for a fix for this yet. I’ll have to update you here if I receive any news.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 24, 2024, 2:43pm UTC](https://community.thunkable.com/t/draw-on-photograph-taken/2754057/17 "2024-06-24T14:43:02Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.
