Come simulare _moz_resizing in Chrome o Edge?

Quindi desidero ridimensionare le immagini lato client, proprio come questo, ma non solo in Firefox.Come simulare _moz_resizing in Chrome o Edge?

Si noti che l'elemento generato in Firefox, ha l'attributo _moz_resizing = "true".

Il codice è semplice come il seguente.

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

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

Esiste un modo per fare questo per Chrome ed Edge troppo ?. Ti fornirò una soluzione in JavaScript, mi piacerebbe di più se fosse vanilla.js di jQuery. Grazie in anticipo.

fonte

2016-06-03 Jose Serodio

È possibile raggiungere questo obiettivo in cromo avvolgendo l'immagine con un div e l'aggiunta di questo stili ..

resize: both; 
overflow: auto;

demo: https://jsfiddle.net/anwar3606/d184oqfz/

JQuery UI

JQuery UI offre molto buone funzioni di resizability ed è molto facile da usare. https://jqueryui.com/resizable/#default

fonte

2016-06-03 09:17:30

Grazie per la risposta. Poche cose che non mi piacevano di questa soluzione. Innanzitutto non funziona su Edge, in secondo luogo funziona in Chrome ma non riesco a ridimensionare (ridurre l'immagine) l'immagine, ma ingrandirla. In Firefox in qualche modo continua a funzionare, ma ancora meglio. Quindi ti do un voto alto ma non è quello che sto cercando. –

Ho anche notato che se si nasconde la pergamena (overflow: nascosto) non verrà più ridimensionata in Chrome, in qualche modo continua a funzionare in Firefox ... –

Anche la mia soluzione non mi è piaciuta .., controlla di nuovo la risposta . –

Come simulare _moz_resizing in Chrome o Edge?

risposta

Problemi correlati