使用可拖动按钮调整图像大小 - React Native

Posted

技术标签:

【中文标题】使用可拖动按钮调整图像大小 - React Native【英文标题】:resize image using draggable button - React Native 【发布时间】:2021-06-19 06:21:21 【问题描述】:

我搜索一些包或 css 属性,单击并拖动它们会调整我的图像大小。

例如:(黑色方块是按钮)

real size change size

谢谢!

【问题讨论】:

【参考方案1】:

我认为没有专门针对此的软件包,至少据我所知没有。

我要做的是使用包react-rnd 或任何其他具有调整大小功能的类似包。您可以使用调整大小功能(禁用拖放)并为调整大小 onchange 事件锁定图像的纵横比。

我相信我提到的包具有锁定纵横比的选项 (lockAspectRatioExtraHeight),但如果您决定使用另一个,您可以简单地读取图像的宽度和高度,从那里计算纵横比,然后监听 resize 事件来自己锁定宽高比。

希望这对您有所帮助。

【讨论】:

谢谢!我用过,太棒了!

以上是关于使用可拖动按钮调整图像大小 - React Native的主要内容,如果未能解决你的问题,请参考以下文章

解决 jQuery 在图像上可拖动和调整大小的问题

Jquery 使克隆图像可拖动和调整大小

使图像在 div 内可拖动和调整大小

当浏览器调整大小时,不断在视频上移动可调整大小/可拖动的图像

如何在android中动态地使形状可拖动和调整大小

如何在使用 jQuery(可拖动和可调整大小)拖动光标时调整图像大小