# Has Anyone had success with Image making?

**URL:** https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664
**Category:** Questions about Thunkable X
**Created:** [July 28, 2021, 6:16am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664 "2021-07-28T06:16:55Z")
**Posts on this page:** 17
**Page:** 1

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 28, 2021, 6:16am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/1 "2021-07-28T06:16:55Z")

</div>

Hi , I am comparatively new to web api’s post method So has anyone had success with making an image using an api which requires the POST method?

---

<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: [July 28, 2021, 7:32am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/2 "2021-07-28T07:32:18Z")

</div>

I’ve found POST blocks to be really difficult to use. But it’s not clear what you’re wanting. “Making an image” could mean anything from ASCII art to uploading a photo from a phone’s album to drawing on the canvas with your finger. Can you be more specific?

---

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 28, 2021, 8:12am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/3 "2021-07-28T08:12:03Z")

</div>

What i want is to generate an image and show it to the user For example : Using the text hi And converting it to an image. I found a  
few services that do this with the POST method but , yes , it is tough

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [July 28, 2021, 10:18am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/4 "2021-07-28T10:18:11Z")

</div>

Just as a workaround I used electronic signature in one of my apps and made use of the canvas for the user to “draw” the signature and then I store the canvas image to a stored variable to be retrieved anytime the signature is required. It works ok with me.

I’m sure @overturner is asking for a different subject but I thought of sharing the experience.

---

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 28, 2021, 2:17pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/5 "2021-07-28T14:17:24Z")

</div>

Hi any idea on how to do this

> [@overturner](#):
>
> generate an image and show it to the user For example : Using the text hi And converting it to an image

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [July 28, 2021, 3:57pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/6 "2021-07-28T15:57:28Z")

</div>

I know how to draw on JavaScript canvas

See this html

```auto
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Letter to Image</title>
    <style>
        canvas{
            border: 1px black solid;
        }
        #textCanvas{
            display: none;
        }
    </style>
</head>
<body>
    <canvas id='textCanvas'width="300" height="300"></canvas>
    <img id='image' >
    <br>
    <script>
        var canvasTx = document.getElementById('textCanvas').getContext('2d');
        var imageChar = document.getElementById('image');
        canvasTx.fillStyle = 'green';
        canvasTx.font ='48px Brush Script MT, cursive';
        canvasTx.fillText("Hi Overturner", 10, 50);
        imageChar.src = canvasTx.canvas.toDataURL();
    </script>
</body>
</html>

```

---

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 28, 2021, 4:39pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/7 "2021-07-28T16:39:24Z")

</div>

Thanks , i will try this , didnt think of it

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [July 28, 2021, 5:16pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/8 "2021-07-28T17:16:51Z")

</div>

Check this  
[https://x.thunkable.com/projectPage/61018cf7d390ef0012136741](https://x.thunkable.com/projectPage/61018cf7d390ef0012136741)

---

<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: [July 28, 2021, 6:36pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/9 "2021-07-28T18:36:39Z")

</div>

That’s a great idea to use the canvas for electronic signatures!

---

<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: [July 28, 2021, 6:38pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/10 "2021-07-28T18:38:05Z")

</div>

I don’t know of a way to convert text to an image but you’re right, there’s probably an API that does that. What would you use this for?

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [July 28, 2021, 6:39pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/11 "2021-07-28T18:39:17Z")

</div>

Check my html file.

It should give an image like this  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/c/dc153bccfcb5444bf73b4aed52bfb8778b39e503.png)

The idea is to have it in a `Web Viewer Extension` and what ever text you pass it it should return a Base64 URL which you can have at as the URL for an image in your screen.

---

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 29, 2021, 4:37am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/12 "2021-07-29T04:37:03Z")

</div>

Hi , i am not able to use the web viewer extension in this( i have used it before), can you give a sample code of that.

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [July 29, 2021, 6:46am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/13 "2021-07-29T06:46:00Z")

</div>

@overturner

> [@muneer](#):
>
> Check this  
> [https://x.thunkable.com/projectPage/61018cf7d390ef0012136741](https://x.thunkable.com/projectPage/61018cf7d390ef0012136741)

Use this. Gives the same result but as a Thunkable project without extensions. The only difference is the choice of font.

---

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 29, 2021, 6:49am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/14 "2021-07-29T06:49:16Z")

</div>

ok , so i wanted is for the WDC.  
I need to make a receipt for the person who buys something , and then send in the mail. As receipts are always images , i used this method. Now , when i try to share the imge of the canvas , it comes as a link in the phones and in the web app it shows very long request

---

<div class="post-metadata">

### Author: ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)
#### Post date: [July 29, 2021, 8:36am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/15 "2021-07-29T08:36:18Z")

</div>

That was not in your original post but in JavaScript it is always possible and if your email client supports HTML then it should render the image from the long string.

---

<div class="post-metadata">

### Author: ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)
#### Post date: [July 29, 2021, 8:55am UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/16 "2021-07-29T08:55:57Z")

</div>

Ok thank you

> [@muneer](#):
>
> That was not in your original post

Sorry

---

<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:17pm UTC](https://community.thunkable.com/t/has-anyone-had-success-with-image-making/1417664/17 "2024-11-08T13:17:44Z")

</div>


