2016-06-03 9 views
5

तो मैं इस तरह, बल्कि फ़ायरफ़ॉक्स में, छवि पक्ष का आकार बदलना चाहता हूं।क्रोम या एज में _moz_resizing अनुकरण कैसे करें?

StackOverflow logo image resizing

सूचना उस तत्व फ़ायरफ़ॉक्स में उत्पन्न, विशेषता _moz_resizing = "true" है।

code generated in Firefox

कोड निम्नलिखित के रूप में सरल है।

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

वहाँ क्रोम और एज भी के लिए यह करने के लिए किसी भी तरह से है ?. मैं जावास्क्रिप्ट में एक समाधान प्रदान करने जा रहा हूं, अगर मैं jQuery से vanilla.js हूं तो बेहतर होगा। पहले ही, आपका बहुत धन्यवाद।

उत्तर

2

आप एक div के साथ छवि लपेटकर और इस शैली जोड़कर क्रोम में इस लक्ष्य को हासिल कर सकते हैं ..

resize: both; 
overflow: auto; 

डेमो: https://jsfiddle.net/anwar3606/d184oqfz/

JQuery यूआई

JQuery यूआई बहुत प्रदान करता है अच्छा आकार बदलने योग्य कार्यों और उपयोग करने में बहुत आसान है। https://jqueryui.com/resizable/#default

+0

आपकी प्रतिक्रिया के लिए धन्यवाद। कुछ समाधान जो मुझे इस समाधान के बारे में पसंद नहीं आया। सबसे पहले यह एज पर काम नहीं करता है, दूसरा यह क्रोम में काम करता है लेकिन मैं छवि को नीचे (डाउनस्केल) का आकार बदल नहीं सकता, केवल इसे बड़ा कर सकता हूं। फ़ायरफ़ॉक्स में किसी भी तरह काम करता रहता है लेकिन इससे भी बेहतर। तो मैं आपको एक वोट देता हूं लेकिन अभी भी वह नहीं है जिसे मैं ढूंढ रहा हूं। –

+0

यह भी ध्यान दिया गया है कि यदि आप स्क्रॉल (ओवरफ़्लो: छुपा) छुपाते हैं तो यह क्रोम में अब आकार नहीं लेगा, किसी भी तरह यह फ़ायरफ़ॉक्स में काम करता रहता है ... –

+0

मुझे अपना समाधान भी पसंद नहीं आया .., कृपया उत्तर दोबारा जांचें । –

संबंधित मुद्दे