Comment simuler un redimensionnement _moz_ dans Chrome ou Edge ?

Question

Je veux donc redimensionner l'image côté client, comme ceci, mais pas seulement dans Firefox.

Remarquez que l'élément généré dans Firefox, a l'attribut _moz_resizing = "true" .

Le code est aussi simple que le suivant.

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

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

Y a-t-il un moyen de faire cela pour Chrome et Edge également ? Si vous allez fournir une solution en JavaScript, je préférerais que ce soit vanilla.js plutôt que jQuery. Merci d'avance.

Answer 1

Vous pouvez réaliser cela en chrome en entourant l'image d'un div et en ajoutant ce style

resize: both; 
overflow: auto; 

démo : https://jsfiddle.net/anwar3606/d184oqfz/

JQuery UI

JQuery UI offre de très bonnes fonctions de redimensionnement et est très facile à utiliser. https://jqueryui.com/resizable/#default