# Drawing with fingers?

**URL:** <https://community.thunkable.com/t/drawing-with-fingers/467629>\
**Category:** Questions about Thunkable X\
**Created:** [February 16, 2020, 9:54am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629 "2020-02-16T09:54:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [February 16, 2020, 9:54am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/1 "2020-02-16T09:54:13Z")

</div>

Hi,  
I just tried to develop a project for “Drawing with finger on canvas”,

But I only found the function “when pointer is down on canvas”.  
I miss “pointer is up” and “pointer moved”.  
Any suggestions to solve the problem?

[https://x.thunkable.com/copy/6c63626192fb08a7700e063e8174e894](https://x.thunkable.com/copy/6c63626192fb08a7700e063e8174e894)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [February 16, 2020, 11:32am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/2 "2020-02-16T11:32:42Z")

</div>

Hi,

For Stage Touch Drawing.set to true

 ![изображение](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/c/9ccb7fa511b30781861dd79605f38498e13b4ef7.png)

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [February 16, 2020, 11:55am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/3 "2020-02-16T11:55:26Z")

</div>

Thank you @actech ,

drawing now really works.

[https://x.thunkable.com/copy/e51fe1136a34ab11946bd5a0b75b7ccf](https://x.thunkable.com/copy/e51fe1136a34ab11946bd5a0b75b7ccf)

Is there any function to set the pointer’s position?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [February 16, 2020, 12:59pm UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/4 "2020-02-16T12:59:45Z")

</div>

As a pointer, you can use the sprite as in the tortoise chart. Then when you move it, drawing will occur. If you don’t want to display the sprite, you can reduce the sprite size to 0.01 px. In this case, the sprite will be invisible, but you can move it and draw lines.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [February 17, 2020, 12:10am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/5 "2020-02-17T00:10:19Z")

</div>

Cool example app. I like this for brief note taking or doodling!!

---

<div class="post-metadata">

**Author:** ![nsldon552](https://avatars.discourse-cdn.com/v4/letter/n/f1d935/32.png) [@nsldon552](https://community.thunkable.com/u/nsldon552)\
**Post date:** [May 24, 2020, 5:07pm UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/6 "2020-05-24T17:07:14Z")

</div>

I want to put the photo taken on the convas as the background, then I can paint the lines by hand, and finally save the photos and lines as a jpg file.,How do?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 25, 2020, 7:46am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/7 "2020-05-25T07:46:49Z")

</div>

See scrCanvas in [https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/](https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/)

---

<div class="post-metadata">

**Author:** ![mythi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mythi/32/70585_2.png) [@mythi](https://community.thunkable.com/u/mythi)\
**Post date:** [May 27, 2020, 7:10pm UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/8 "2020-05-27T19:10:25Z")

</div>

Is there any way to clear the screen of drawings?

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [May 27, 2020, 7:19pm UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/9 "2020-05-27T19:19:15Z")

</div>

cavas/looks/clear drawing on/canvas2

---

<div class="post-metadata">

**Author:** ![mythi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/mythi/32/70585_2.png) [@mythi](https://community.thunkable.com/u/mythi)\
**Post date:** [May 27, 2020, 8:48pm UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/10 "2020-05-27T20:48:54Z")

</div>

Thank you very much @rollke!

---

<div class="post-metadata">

**Author:** ![nsldon552](https://avatars.discourse-cdn.com/v4/letter/n/f1d935/32.png) [@nsldon552](https://community.thunkable.com/u/nsldon552)\
**Post date:** [May 28, 2020, 12:23am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/11 "2020-05-28T00:23:08Z")

</div>

I can’t find the instructions for SAVE。 ![save](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/e/ee2a1b6f61cedf4267c5f55ca25d108b02719495.jpeg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 28, 2020, 5:22am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/12 "2020-05-28T05:22:54Z")

</div>

![изображение](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f6164a0ac1d1b8bbb459d541fb945ddf953d5d9.png)

---

<div class="post-metadata">

**Author:** ![nsldon552](https://avatars.discourse-cdn.com/v4/letter/n/f1d935/32.png) [@nsldon552](https://community.thunkable.com/u/nsldon552)\
**Post date:** [May 28, 2020, 7:05am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/13 "2020-05-28T07:05:15Z")

</div>

I want to take this picture instead of this picture, how to do it?

 ![save1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/0/6057f90daf4d71f1fce63daabf35eae85e652d3d.jpeg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 28, 2020, 7:06am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/14 "2020-05-28T07:06:27Z")

</div>

Unfortunately, I can’t understand your question.

---

<div class="post-metadata">

**Author:** ![nsldon552](https://avatars.discourse-cdn.com/v4/letter/n/f1d935/32.png) [@nsldon552](https://community.thunkable.com/u/nsldon552)\
**Post date:** [May 28, 2020, 7:09am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/15 "2020-05-28T07:09:39Z")

</div>

This photo is uploaded, I want to replace it with the photo taken by the camera。

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 28, 2020, 7:13am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/16 "2020-05-28T07:13:33Z")

</div>

Can you show me a block that can be used to set the background image for the canvas?

---

<div class="post-metadata">

**Author:** ![nsldon552](https://avatars.discourse-cdn.com/v4/letter/n/f1d935/32.png) [@nsldon552](https://community.thunkable.com/u/nsldon552)\
**Post date:** [May 28, 2020, 7:29am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/17 "2020-05-28T07:29:29Z")

</div>

I can’t find it in stage2，Is there any other way?

 ![save2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/0/30941df97dab10d8b0566c3a28ad7e35cc633b5d.jpeg)

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [May 28, 2020, 7:31am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/18 "2020-05-28T07:31:40Z")

</div>

Use JavaScript and HTML Canvas, if you know what it is.

[https://www.w3schools.com/html/html5\_canvas.asp](https://www.w3schools.com/html/html5_canvas.asp)

---

<div class="post-metadata">

**Author:** ![nsldon552](https://avatars.discourse-cdn.com/v4/letter/n/f1d935/32.png) [@nsldon552](https://community.thunkable.com/u/nsldon552)\
**Post date:** [May 28, 2020, 8:34am UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/19 "2020-05-28T08:34:59Z")

</div>

I found that other people have discussed this block before, but can’t find it now? ![save3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/0/e053e0dd05f1450b1d950a49a6686cb52c5bef57.jpeg)

---

<div class="post-metadata">

**Author:** ![rollke](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rollke/32/14413_2.png) [@rollke](https://community.thunkable.com/u/rollke)\
**Post date:** [May 28, 2020, 1:22pm UTC](https://community.thunkable.com/t/drawing-with-fingers/467629/20 "2020-05-28T13:22:45Z")

</div>

Isn‘t that thunkable classic?

[Next page](https://community.thunkable.com/t/drawing-with-fingers/467629.md?page=2)
