# Can i draw a picture (Something like a signature) on my app and save that as a image (jpg or png)
**URL:** https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401
**Category:** Questions about Thunkable X
**Tags:** webviewer, design
**Created:** [July 11, 2019, 7:35am UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401 "2019-07-11T07:35:53Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@234aebf251034c](https://community.thunkable.com/u/234aebf251034c)
#### Post date: [July 11, 2019, 7:35am UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/1 "2019-07-11T07:35:53Z")
Thunkable X is the ability to do something like this?
I saw :
[http://community.thunkable.com/t/drawing-in-thunkable-x/55741/2](http://community.thunkable.com/t/drawing-in-thunkable-x/55741/2)
@actech
He used WebViewer to do a draw but I did not see how to save as a picture.
Does anyone have any idea?
For example, use another web (by using WebViewer) and then export that as an image and download it. (This is my opinion but I did not know a web like this)
---
### Author:  [@actech](https://community.thunkable.com/u/actech)
#### Post date: [July 11, 2019, 11:22am UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/2 "2019-07-11T11:22:55Z")
You can create vector graphics and then save it in text format in any available location — in local storage, in AirTable, Firebase, etc. I use a format similar to SVG.
To save it drawn in a raster format, take a screenshot of the screen and save it in a file, etc.
Another solution can be found here.
[https://x.thunkable.com/projects/5cd131bdec33e72e52f50ebe/project/properties/designer/](https://x.thunkable.com/projects/5cd131bdec33e72e52f50ebe/project/properties/designer/)
---
### Author:  [@234aebf251034c](https://community.thunkable.com/u/234aebf251034c)
#### Post date: [July 11, 2019, 12:52pm UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/3 "2019-07-11T12:52:19Z")
@actech
Thank you very much, and I appreciate that. But for now, I don’t understand how to draw an image of signature and then save it.
However, I will tell you about my target clearer.
- the real goal is to create a report from a mobile application with a signature.
- I want to draw a signature by mobile app.
\*\* only draw step I saw your project then I found that you used HTML canvas to do a drawing.
- Then I want to save a signature (from a mobile app) as an image (jpg or png) to google drive.
- Then I will get the image link and put it on google sheet cell (I already know to do this step)
// every step will run automatically when I click the button on my app after I finish checking other data and draw a signature
// other step to do a report I do it finished.
// and I do not graduated from faculty about computer (I graduated from mechanical engineering) then I sure I will do not understand about computer language clearly enough. I will say sorry if I ask a stupid question. I will do with my best.
---
### Author:  [@royder](https://community.thunkable.com/u/royder)
#### Post date: [July 11, 2019, 1:41pm UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/4 "2019-07-11T13:41:56Z")
you can use screenshot extension?..
---
### Author:  [@actech](https://community.thunkable.com/u/actech)
#### Post date: [July 11, 2019, 4:44pm UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/5 "2019-07-11T16:44:19Z")
I’m afraid your task will require some programming knowledge (Javascript, PHP). If you like the way of using the HTML canvas, then you will need to convert this image using the canvas.toDataURL method to text base64 format and then send it somewhere to the server to save it to an image file.
> **[HTMLCanvasElement.toDataURL()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL)**
>
> The HTMLCanvasElement.toDataURL() method returns a data URI containing a representation of the image in the format specified by the type parameter (defaults to PNG). The returned image is in a resolution of 96 dpi.
Another way is to use the phone’s system capability to create a screen capture To do this, you need to see how you can do it on your phone.
---
### Author:  [@234aebf251034c](https://community.thunkable.com/u/234aebf251034c)
#### Post date: [July 15, 2019, 3:50am UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/6 "2019-07-15T03:50:38Z")
Thx @actech
Do you have any example about coding for HTML in Thunkable and JAVA script in google script (for google sheet)?
However I get a point to do that from your answer, I will try with my best.
Thx again.
---
### Author:  [@234aebf251034c](https://community.thunkable.com/u/234aebf251034c)
#### Post date: [July 15, 2019, 3:51am UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/7 "2019-07-15T03:51:09Z")
> [@actech](#):
>
> Another way is to use the phone’s system capability to create a screen capture To do this, you need to see how you can do it on your phone.
how can i do this ??
---
### Author:  [@actech](https://community.thunkable.com/u/actech)
#### Post date: [July 15, 2019, 9:12am UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/8 "2019-07-15T09:12:06Z")
There is an example of working with SVG on the scrHTML screen.
[https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/](https://x.thunkable.com/projects/5cd84f23e3097f3353fdad45/project/properties/designer/)
On my iPhone6 screenshot is done like this: while simultaneously pressing hold the Home button and lock. How it is done on Android, I do not know.
---
### Author:  [@CBVG](https://community.thunkable.com/u/CBVG)
#### Post date: [July 15, 2019, 3:11pm UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/9 "2019-07-15T15:11:24Z")
On Android, screenshot is done by simultaneously pressing and holding volume down and power.
Although I have one device with a dedicated screen capture button on the bottom taskbar (which is a mild annoyance, as this is where I usually grab the tablet from owing to the narrow bezel and end up taking more than my fair share of unwanted screenshots).
---
### Author:  [@ioannis](https://community.thunkable.com/u/ioannis)
#### Post date: [November 8, 2024, 12:12pm UTC](https://community.thunkable.com/t/can-i-draw-a-picture-something-like-a-signature-on-my-app-and-save-that-as-a-image-jpg-or-png/139401/10 "2024-11-08T12:12:13Z")