[jQuery UI] 基本メモ: Resizable

サンプルコード

<div class="box" style="width:50px; height:50px; background:#ccc;">box</div>

$('.box').resizable({
    handles: 'all',
    aspectRatio: true, //縦横比維持
    stop: function(event, ui) {
        console.log(ui.size.width, ui.size.height);
    }
});

参考サイト

Resizable | jQuery UI
https://jqueryui.com/resizable/