How to resize image with correct propotion in x and y axis using jquery resizable

Question

Hi please see this https://jsfiddle.net/felixtm/x3xb2jwf/15/. Here i can change the size of the image . is it possible to resize the image proportionally with x and y axis ? currently i can enlarge the image to y axis without effecting the x axis . I want to change the image size that is proportional with both x and y axis.

i see this code in documentation

$( ".selector" ).resizable({
  aspectRatio: true
});

i used aspectRatio: true ,but nothing changing .

`aspectRatio` is exactly what you need, and works fine: https://jsfiddle.net/x3xb2jwf/12/ ?? — Rory McCrossan, Oct 31 '16 at 11:12

score 0 · Accepted Answer · answered Oct 31 '16 at 11:18

0

The aspectRatio of resizable() is exactly what you need. I can only presume you're not setting it on the correct element, try this:

$(".child2").resizable({
    aspectRatio: true
});

Updated fiddle

answered Oct 31 '16 at 11:18

Rory McCrossan

331,213
40
305
339

My mistake.. Thank you . – Oct 31 '16 at 11:30
please check this question http://stackoverflow.com/questions/40342500/jquery-draggable-event-changing-the-css-of-child-element – Oct 31 '16 at 13:10

How to resize image with correct propotion in x and y axis using jquery resizable

1 Answers1