如何在Chrome或Edge中模拟_moz_resizing？

Question

所以我想对客户端进行图像调整，就像这样，但不仅仅是在Firefox中。

请注意，在Firefox中生成的元素具有属性_moz_resizing = "true"。

代码简单如下。

＆＃13;

＆＃13;

document.querySelector('p').contentEditable = true;

＆＃13;

<p>
  <img src='http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png' alt='stackoverflow icon'>
</p>

＆＃13;

＆＃13;

＆＃13;

有没有办法为Chrome和Edge做到这一点？。我打算用JavaScript提供解决方案，我想要比jQuery更好的vanilla.js 。提前谢谢。

Answer 1

您可以通过使用div包装图像并添加此样式来实现此功能。

resize: both; 
overflow: auto; 

演示： https://jsfiddle.net/anwar3606/d184oqfz/

JQuery UI

JQuery UI提供了非常好的可调整性功能，并且非常易于使用。 https://jqueryui.com/resizable/#default