如何在Chrome或Edge中模拟_moz_resizing？

Question

所以我想对客户端进行映像调整,就像这样,但不仅仅是在Firefox中.

请注意,在Firefox中生成的元素具有该属性_moz_resizing = "true".

代码简单如下.

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

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

有没有办法为Chrome和Edge做到这一点？我打算用JavaScript提供一个解决方案,如果它是vanilla.js而不是jQuery我想要更好.先感谢您.

Answer 1

您可以在 Chrome 中通过用 div 包装图像并添加此样式来实现此目的。

resize: both; 
overflow: auto; 

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

jQuery 用户界面

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