आकार बदलते समय पहलू अनुपात को संरक्षित करें?

Question

जब कोई उपयोगकर्ता किसी छवि का आकार बदलता है, तो मैं मूल पहलू अनुपात को बनाए रखने की कोशिश कर रहा हूं, क्योंकि छवि को तिरछा करने की बहुत कम आवश्यकता होती है। मेरा मानना है कि मुझे इस व्यवहार को संभालने वाला कोड मिल गया है। हालाँकि, यह मेरे लिए स्पष्ट नहीं है कि मुझे स्टार्ट कुंजी को संशोधित करना चाहिए या कुछ और। @artf - कोई सुझाव? मैं इस सहायक फ़ंक्शन को एकीकृत करना चाहता हूं:

artf · Accepted Answer

मेरी छवियों पर एक अधिकतम-चौड़ाई थी जो उन्हें तिरछा कर रही थी जब मैंने उन्हें बहुत बड़ा आकार दिया था, ओह! ग्रेट, मैं इसे तब बंद करता हूंक्या कुछ हैंडल को अक्षम करने का कोई तरीका है? इसके अलावा w/CSS प्रत्येक घटक में एक resizable संपत्ति होती है जहां आप किसी ऑब्जेक्ट को [रिसाइज़र के लिए विकल्प] (https://github.com/artf/grapesjs/blob/dev/src/utils/Resizer.js#L4-L50) के रूप में भी पास कर सकते हैं

artf · Answer

आपने कॉर्नर हैंडलर का उपयोग करने का @AustinTBiggs प्रयास किया? डिफ़ॉल्ट रूप से, अनुपात संरक्षित है, अन्यथा आप इसे बंद करने के लिए शिफ्ट को दबाए रख सकते हैं ! [पहलू-अनुपात] (https://user-images.githubusercontent.com/11614725/34722019-61998c90-f545-11e7-83f0-d92afacf0805.gif)

austinbiggs · Answer

मेरी छवियों पर एक अधिकतम-चौड़ाई थी जो उन्हें तिरछा कर रही थी जब मैंने उन्हें बहुत बड़ा आकार दिया था, ओह!

@artf - क्या कुछ हैंडल को अक्षम करने का कोई तरीका है? इसके अलावा w/CSS

आकार बदलते समय पहलू अनुपात को संरक्षित करें?

प्रश्न

जवाब (3)

संबंधित प्रश्न और उत्तर

रेंडर किए गए तत्वों के लिए प्लेसहोल्डर खींचें

कैनवास को कस्टम फ़ंक्शन के साथ अपडेट करें

Html और इनलाइन css को Editor.Store() में संग्रहीत करें

नई मार्कअप भाषा को परिभाषित करना

सशुल्क प्लगइन्स जो इस समस्या से मेल खाते हैं

संबंधित ट्यूटोरियल

🚀 पेश है GrapesJS ईमेल ब्लॉकी: GrapesJS के लिए अंतिम ईमेल ब्लॉक लाइब्रेरी

ब्राउज़ प्लगइन श्रेणियाँ