css3 एंड्रॉइड

Question

पर काम नहीं कर रहे परिप्रेक्ष्य के साथ rotate3d को बदलता है मेरे पास एक वेब ऐप है जो 3 डी रूपांतरण का उपयोग करता है जो Android 4.1 पर एंड्रॉइड ब्राउज़र में ठीक चलता है। हालांकि, फोनगैप कंटेनर में एक ही ऐप एक निचोड़ और एनीमेशन का विस्तार करता है और परिप्रेक्ष्य 3 डी रोटेशन नहीं करता है। क्या इसे फोनगैप में चलाने का कोई तरीका है या क्या यह एक अलग प्रतिपादन इंजन का उपयोग करता है जो सिर्फ 3 डी रूपांतरण नहीं कर सकता है?

मैं

-webkit-perspective: 300; 

माता पिता पर

और

-webkit-transform: rotate3d(0, 1, 0, -180deg); 
-webkit-transform-style: preserve-3d; 

का उपयोग घूर्णन छवि पर।

Answer 1

मैं फोनगैप दृश्य में नया हूं, लेकिन मेरे पढ़ने में मुझे जो याद है, वह है कि एंड्रॉइड 3 डी संक्रमण पर चोक करता है लेकिन यह सिर्फ जेक्यूएम में हो सकता है, जिसे अक्सर फोनगैप कार्यान्वयन में उपयोग किया जाता है। मैं सीएसएस के बारे में और बात कर रहा हूं, लेकिन मुझे आश्चर्य है कि आप जिस परेशानी का सामना कर रहे हैं, और जेक्यूएम डेवलपर्स के साथ क्या परेशानी हो सकती है।

JqueryMobile Transitions on PhoneGap Android

Answer 2

शायद phonegap -webkit- उपसर्ग के बिना काम करता है।

आपको हमेशा अपने कोड के लिए भविष्य के प्रमाण के लिए अपरिवर्तित संपत्ति शामिल करने के बारे में सोचना चाहिए।

Answer 3

perspective संपत्ति का मूल्य लंबा होता है, इसलिए इसमें हमेशा इकाइयां होनी चाहिए। कुछ ब्राउज़र यूनिट के रूप में पिक्सेल का अनुमान लगा सकते हैं यदि यूनिट नहीं दी जाती है लेकिन आपको हमेशा निर्दिष्ट करना चाहिए। यह भी ध्यान रखें कि परिप्रेक्ष्य के बड़े मूल्य कम नाटकीय परिप्रेक्ष्य प्रभाव में परिणाम देते हैं।

साथ ही संपत्ति के अपरिवर्तित संस्करण में भी जोड़ना सुनिश्चित करें। यह प्रीफिक्स्ड संस्करण के बाद आना चाहिए और, जैसा कि टिम गुयेन ने कहा था, भविष्य में आपके ऐप को प्रमाणित करेगा क्योंकि ब्राउजर ने उपसर्ग की आवश्यकता को रोक दिया है।

एक तरफ के रूप में, transform-style: preserve-3d; उन तत्वों को दिया जाना चाहिए जिनके बच्चों को 3 डी स्पेस में परिवर्तित किया जा रहा है, इसलिए यह वास्तव में यहां कुछ भी नहीं कर रहा है।