2016-06-03 20 views
5

Bu nedenle, istemci tarafında, tıpkı bunun gibi, sadece Firefox'ta değil, resmi yeniden boyutlandırmak istiyorum. Firefox'ta oluşturulan eleman, niteliği _moz_resizing = "true" sahip olduğunuChrome'da veya Kenar'da _moz_resizing nasıl simüle edilir?

StackOverflow logo image resizing

dikkat edin.

code generated in Firefox

kodu aşağıdaki gibi basittir.

document.querySelector('p').contentEditable = true;
<p> 
 
    <img src='http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon.png' alt='stackoverflow icon'> 
 
</p>

çok Chrome ve Edge için bunu yapmanın bir yolu var mı ?. JavaScript'te bir çözüm sağlayacağım, jQuery'den vanilla.js olsaydı daha iyi olmasını isterim. Şimdiden teşekkür ederim.

cevap

2

Bir div ile görüntü sarma ve bu stilleri ekleyerek krom bunu başarabilirsiniz ..

resize: both; 
overflow: auto; 

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

JQuery UI

JQuery UI çok sağlar iyi resizability fonksiyonları ve kullanımı çok kolaydır. https://jqueryui.com/resizable/#default

+0

Cevabınız için teşekkür ederiz. Bu çözümden hoşlanmadığım birkaç şey. İlk önce Edge'de çalışmıyor, ikincisi Chrome'da çalışıyor ancak görüntüyü küçültebilirim (yalnızca küçültmek), sadece onu büyütmek. Firefox'ta bir şekilde çalışmaya devam ediyor ama daha da iyi. Bu yüzden size bir oy verdim ama hala aradığım şey değil. –

+0

Ayrıca, yalnızca kaydırma (taşma: gizli) gizlerseniz Chrome'da artık yeniden boyutlandırmayacağınızı, bir şekilde Firefox'ta çalışmayı sürdürdüğünü farkettiniz ... –

+0

Ben de çözümümden hoşlanmadım .., lütfen tekrar yanıtı kontrol edin . –