# How to insert text into an image

**URL:** <https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170>\
**Category:** Questions about Thunkable X\
**Tags:** beginner, help\
**Created:** [June 9, 2024, 2:04pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170 "2024-06-09T14:04:34Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![johny.kantao9qoue](https://avatars.discourse-cdn.com/v4/letter/j/c6cbf5/32.png) [@johny.kantao9qoue](https://community.thunkable.com/u/johny.kantao9qoue)\
**Post date:** [June 9, 2024, 2:04pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/1 "2024-06-09T14:04:34Z")

</div>

How do I insert text into an image? I need this to make a **share your business card feature**. or if anyone can offer other suggestions to make the feature? Whatever it is thank you in advance.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [June 9, 2024, 5:25pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/2 "2024-06-09T17:25:09Z")

</div>

Hello @johny.kantao9qoue.  
Have you tried using the group component and label element?

If you set the groups background image and then use the kabel component you can achieve text and image in once.

If you want an image file you can use the canvas for that.  
Use a canvas label and set the stage it’s background image and you’d be good to go.

---

<div class="post-metadata">

**Author:** ![johny.kantao9qoue](https://avatars.discourse-cdn.com/v4/letter/j/c6cbf5/32.png) [@johny.kantao9qoue](https://community.thunkable.com/u/johny.kantao9qoue)\
**Post date:** [June 12, 2024, 2:09pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/3 "2024-06-12T14:09:01Z")

</div>

Thanks for the solution, but is there any other way of not using Canvas, like inserting text into the image component?

---

<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:** [June 12, 2024, 3:47pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/4 "2024-06-12T15:47:29Z")

</div>

There is no way to export an image so even though it’s possible to layer text on top of an image, there is no way to share that. What I’ve been doing is using a PDF generation API such as Adobe Acrobat or Docsfold to generate the PDF from a visual template with variable text values. Then that PDF url can be shared.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [June 12, 2024, 4:37pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/5 "2024-06-12T16:37:08Z")

</div>

Can’t you take a picture of the canvas using blocks and download it using the new download blocks or use it in the image component or doesn’t that accept base64? Because then he could use that and work further from there.

---

<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:** [June 12, 2024, 5:04pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/6 "2024-06-12T17:04:13Z")

</div>

Yes, sorry, there’s no way to take a screenshot of an Image component but yes, you can effectively do the same thing using the canvas and sprites. I just find it clunky and I’ve never had success with getting the Canvas to render properly.

---

<div class="post-metadata">

**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\
**Post date:** [June 12, 2024, 5:05pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/7 "2024-06-12T17:05:56Z")

</div>

I’m sorry @tatiang but I meant the image of [canvas] Block sorry for the confusion 😅

---

<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:** [September 10, 2024, 5:06pm UTC](https://community.thunkable.com/t/how-to-insert-text-into-an-image/3049170/8 "2024-09-10T17:06:49Z")

</div>

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