# Overlay a Number on top of an Image with Cloudinary

**URL:** <https://community.glideapps.com/t/overlay-a-number-on-top-of-an-image-with-cloudinary/73408>\
**Category:** Community Resources\
**Created:** [May 15, 2024, 4:23pm UTC](https://community.glideapps.com/t/overlay-a-number-on-top-of-an-image-with-cloudinary/73408 "2024-05-15T16:23:55Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 15, 2024, 4:54pm UTC](https://community.glideapps.com/t/overlay-a-number-on-top-of-an-image-with-cloudinary/73408/2 "2024-05-15T16:54:00Z")

</div>

If you ever want to get a little experimental and try this with javascript, here are some examples.

> [@Old calendar layout](https://community.glideapps.com/t/old-calendar-layout/66580/11):
>
> The heck with AI (even though I used it to generate this code quickly wink ). You could use javascript to create a DataURI Image from text inputs and display it in an image container. This is extremely crude and could use some cleanup and refinement, but it would give you what you are looking for. // Function to generate a Data URI image from two text inputs function generateImage(text1, text2) { // Create a canvas element var canvas = document.createElement('canvas'); canvas.wi…

---

_[View the full topic](https://community.glideapps.com/t/overlay-a-number-on-top-of-an-image-with-cloudinary/73408)._
