# Zoom image in a Canvas

**URL:** <https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650>\
**Category:** Questions about Thunkable X\
**Created:** [April 8, 2021, 11:19pm UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650 "2021-04-08T23:19:29Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [April 8, 2021, 11:19pm UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/1 "2021-04-08T23:19:29Z")

</div>

Hi all  
I have question is that possible to zoom image in a Canvas ??

THANK YOU

---

<div class="post-metadata">

**Author:** ![glenncronings3](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/glenncronings3/32/99142_2.png) [@glenncronings3](https://community.thunkable.com/u/glenncronings3)\
**Post date:** [April 9, 2021, 3:20am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/2 "2021-04-09T03:20:11Z")

</div>

i don’t think u can

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 9, 2021, 3:23am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/3 "2021-04-09T03:23:29Z")

</div>

yes i think its possible  
like try to use draggable option

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [April 9, 2021, 8:31am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/4 "2021-04-09T08:31:13Z")

</div>

Can you explain more ?

---

<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:** [April 9, 2021, 11:13am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/5 "2021-04-09T11:13:36Z")

</div>

> [@User resize the image](https://community.thunkable.com/t/user-resize-the-image/1058158/2):
>
> Good question. This quick demo makes for a disappointing user experience but it’s possible to do what you’re asking. Edit I was able to make it look a bit better by adjusting the slider values and height/width multiplier. I’m using an image that’s not perfectly square so it’s going to be a little distorted but that could easily be fixed with a little math. The demo was made with the new drag-and-drop interface. I tried to do this in the legacy version of Thunkable using the Image component’s he…

Check this

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 9, 2021, 11:18am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/6 "2021-04-09T11:18:14Z")

</div>

that is the solution but i think he shall explain what he is exactly trying to do  
@bader_mouti do u wanna make animations??

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [April 9, 2021, 11:21am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/7 "2021-04-09T11:21:34Z")

</div>

Thank you @muneer i saw this  
I need something like this but without slider  
With fingers

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [April 9, 2021, 11:23am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/8 "2021-04-09T11:23:26Z")

</div>

I have a store app and what I need is  
When the user open the photo he can to zoom it on or out

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 9, 2021, 11:23am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/9 "2021-04-09T11:23:35Z")

</div>

thats bit hard but it possible i guess  
worth a try  
well that can be done from slider too tho

---

<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:** [April 9, 2021, 11:26am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/10 "2021-04-09T11:26:48Z")

</div>

You can change the slider to anything you want such as two buttons; one for the small image and one for the large image. You are only changes values any way.

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [April 9, 2021, 11:35am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/11 "2021-04-09T11:35:35Z")

</div>

i think he maens that touch thing

---

<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:** [April 9, 2021, 11:42am UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/12 "2021-04-09T11:42:46Z")

</div>

It doesn’t matter. As long as you know how to resize, you can implement it in any shape or form that fits your app requirements.

---

<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:25pm UTC](https://community.thunkable.com/t/zoom-image-in-a-canvas/1213650/13 "2024-11-08T13:25:26Z")

</div>


