Panzoom: फ़ीचर: पैन सीमा या पैडिंग सीमा निर्धारित करने की क्षमता

एक मुद्दा खोलने के लिए धन्यवाद। अगर मैं सुविधा को गलत समझता हूं तो मुझे क्षमा करें, लेकिन क्या यह एक रैपर तत्व जोड़कर और contain: 'inside' का उपयोग करके पूरा नहीं किया जा सकता है?

इतनी जल्दी मेरे पास वापस आने के लिए धन्यवाद।

शायद मैं contain: inside पूरी तरह समझ नहीं पा रहा हूं। जहां तक ​​​​मैं इसे कार्यान्वयन समझता हूं: पैनज़ूम नोड अब अपने माता-पिता के रेक्ट बॉक्स को ज़ूम इन करने में सक्षम नहीं होगा, लेकिन मैं चाहता हूं कि उपयोगकर्ता ज़ूम इन करने में सक्षम हो, contain: inside मेरी वस्तु को अनुमति नहीं दे रहा है व्यूपोर्ट के पीछे ज़ूम करें।

मेरा उपयोगकेस: मेरे पास एक बड़ा रिज़ॉल्यूशन ऐतिहासिक नक्शा है - कि मैं चाहता हूं कि एक उपयोगकर्ता चारों ओर पैन करने में सक्षम हो, यह पूरी वस्तु को देखने के लिए बहुत बड़ा है लेकिन मैं नहीं चाहता कि उपयोगकर्ता इसे बहुत दूर धक्का देकर "मानचित्र खो दें" एक तरफ, जो contain: outside जैसा लगता है, लेकिन मैं चाहता हूं कि उनके पास पूर्ण ज़ूम नियंत्रण हो, पूरी तरह से ज़ूम आउट करने के लिए लेकिन ज़ूम इन करके और अधिक एक्सप्लोर करने के लिए।

मुझे लगता है कि समस्या उन सीमाओं का है जो inside और outside दोनों में आ रही हैं

• inside मानता है कि छवि व्यूपोर्ट में फिट होने के लिए काफी छोटी है, और यदि नहीं तो कुछ अजीब प्रभाव पड़ता है
• outside मानता है कि छवि को कम से कम पूरे व्यूपोर्ट पर कब्जा कर लेना चाहिए

जहां मैं एक contain: 'bounds' कल्पना कर सकता हूं जो एक छवि को ज़ूम और पैन करने देगा, और जब छवि व्यूपोर्ट से बड़ी होगी और आप किनारे या कोने पर पहुंचेंगे तो यह संबंधित किनारे पर वापस आ जाएगा

यह अद्वितीय व्यवहार की तरह लगता है और मुझे यकीन नहीं है कि इसे पुस्तकालय में कैसे बनाया जाए। मुझे लगता है कि आप panzoomzoom घटना से जुड़ सकते हैं और सीमा तक पहुंचने पर 'बाहर' में शामिल विकल्प को बदल सकते हैं। मेरे पास contain लिए एक 'ऑटो' विकल्प हुआ करता था जो कंटेनर के सापेक्ष तत्व के आकार के आधार पर inside और outside बीच वैकल्पिक होता। कंटेनर से छोटा होने पर, इसे 'inside' सेट किया जाएगा, जब बड़ा, 'outside' । यह सुनिश्चित करेगा कि छवि ज़ूम करने योग्य है लेकिन हमेशा दिखाई दे रही है। किसी भी तरह से, मैं इसे अभी के लिए वोट लेबल में छोड़ दूँगा।

@timmywil पिछले दो दिनों में inside और outside बीच टॉगल करने के लिए, उस विचार में आया, लेकिन यह अपेक्षित रूप से काम नहीं कर रहा है, {contain: outside} से {contain: inside} छवि को एक स्थिति में लॉक करने लगता है और ऐसा लगता है कि zoomIn() और zoomOut शामिल सेटिंग से बंधे हैं, इसलिए मैं zoomOut भी ट्रिगर नहीं कर सकता जब तक कि इसे स्वयं ट्रिगर न करें। मुझे बताएं कि क्या कोई सेटिंग है जिसे मैं देख रहा हूं।

मुझे लगता है कि contain: auto कहने के लिए बहुत सारे शब्द ठीक वही हैं जो मैं ढूंढ रहा हूं।

अगर ऑटो फीचर के लिए वोटिंग है, तो आईडी को इसका समर्थन करने में खुशी होगी :)