How to Zoom in on an Image?

Help and Feedback Scripting Support
, , , ,
#1

  1. What do you want to achieve? I am trying to make it zoom in on an image when I hover my mouse over the image label.

  2. What is the issue? I can’t seem to get it to work right.

  3. What solutions have you tried so far? I tried changing the ImageRectSize and ImageRectOffset, but I can’t seem to get it to work. The ScaleType is set to Crop

This is it so far:


script.Parent.MouseEnter:Connect(function()
    --Can't seem to figure out how to make it "zoom"
    --Basically the image gets bigger, but the frame does not
)
1 Like
#2

I would usually accomplish this by having the Image parented to a Frame with ClipsDescendants enabled. You can then resize the image as needed while still achieving a cropped effect, in addition to being able to move the image if needed.

You can achieve this same effect with the properties you’ve previously tried with. I believe the ScaleType should be “stretch” or “fit” for the best results though. Make sure your ImageRectSize is no bigger than the image itself, and ImageRectOffset is within the bounds of the image dimensions.

3 Likes