😊 liger ui 里面的ligerResizable 怎么能固定比例缩放？
发布时间：2025-03-20 23:37:52来源：
在使用 liger UI 的过程中，如果需要实现 `ligerResizable` 固定比例缩放的功能，可以通过自定义配置来达成目标。例如，当用户拖动调整窗口大小时，通过监听 `resize` 事件动态计算宽高比，并实时调整元素的尺寸，确保始终符合固定比例需求。
首先，我们需要明确目标比例值（如 16:9 或 4:3），然后在 `ligerResizable` 的回调函数中添加逻辑：
```javascript
$("element").ligerResizable({
onResize: function (width, height) {
const targetRatio = 16 / 9; // 设置目标比例
if (width / height > targetRatio) {
height = width / targetRatio;
} else {
width = height targetRatio;
}
$(this).css({ width: Math.round(width), height: Math.round(height) });
}
});
```
这种方法能够有效解决固定比例缩放的问题，同时保持代码简洁易懂。✨
如果你也有类似的需求，不妨试试这个方法！💡
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
