सफारी 10 में घुमाए जाने पर एसवीजी रंग बदलता है


109

मैं बस एक बहुत ही अजीब समस्या में चला गया हूं जो केवल सफारी 10 में दिखाई देता है। मेरे पास कार्ड खेलना है, एसवीजी छवियां हैं, जिन्हें कभी-कभी उपयोग करके घुमाया जाता है transform:rotate(xdeg)

मेरे द्वारा उपयोग किए जा रहे कार्ड में एक लाल ब्लॉक पैटर्न है। जब इसे घुमाया नहीं जाता है, या समकोण पर घुमाया जाता है, अर्थात 90, 180, 270, तब यह सामान्य दिखता है। लेकिन, उस और पृष्ठभूमि पैटर्न के अलावा किसी भी अन्य कोण नीला हो जाता है! मुझे अभी अपने एक उपयोगकर्ता से इस बारे में एक रिपोर्ट मिली है और मैंने कभी भी कुछ भी अजीब नहीं देखा है। अन्य ब्राउज़र सभी सामान्य रूप से काम करते हैं, सफारी 9 सामान्य रूप से करता है।

मुझे लगता है कि यह सफारी 10 में वास्तव में एक अजीब बग है, लेकिन इसके चारों ओर कैसे काम करना है इसके बारे में कोई विचार? मैंने एक न्यूनतम रेपो बनाया है:

https://jsfiddle.net/2zv4garu/1/


6
अपने बग ट्रैकर में एक WebKit बग जोड़ने पर विचार करें , अगर आपको लगता है कि यह WebKit-related है।
खोलना

2
यह मेरे मैक मिनी देर 2012 मॉडल या मेरे 2013 रेटिना मैकबुक प्रो पर नहीं होता है। मैक मिनी: imgur.com/zdAZoWV
X-Istence

2
मेरे नॉन-रेटिना मैकबुक प्रो लेट 11 पर सफारी संस्करण 10.0 (12602.1.50.0.10) के साथ नहीं होता है
डेव

इसके अलावा सिएरा, आईमैक पर देर से 2015 तक नहीं होता है - imgur.com/a/e2FyS
एंटोनोन

IOS 10.0.1 पर सफारी में पुन: पेश नहीं कर सकते।
33इमे विद सिप

जवाबों:


79

अजीब बग वास्तव में। gएसवीजी परिवर्तन के रूप में रैपिंग तत्व में परिवर्तन का प्रदर्शन समस्या का समाधान नहीं करता है।

हालांकि, एक 2 डी के बजाय एक 3 डी रोटेशन प्रदर्शन करके, अर्थात inlineCard.style.transform = 'rotate3d(0,0,1,' + e.currentTarget.value + 'deg)';समस्या को हल करता है, आप यहां देख सकते हैं।

https://jsfiddle.net/qe00s1mg/

यहां छवि विवरण दर्ज करें


32
धन्यवाद, यह अच्छी तरह से काम करता है :) मुझे पता चला कि रंग परिवर्तन कैसे होता है, यह भरण रंग से आर और बी मान स्विच कर रहा है। रंग # ff0000 है और इसे # 0000ff पर स्विच कर रहा है। मैंने आर और बी के लिए विभिन्न मूल्यों के साथ कोशिश की और देखा कि यह हमेशा उलटा था। हालाँकि G मान अपरिवर्तित है, यदि आप रंग की कोशिश करते हैं तो # 00FF00 कार्ड का रंग रोटेशन के दौरान नहीं बदलेगा। वैसे भी, वर्कअराउंड के लिए धन्यवाद, मैंने इस उत्तर को स्वीकार कर लिया है।
आइरन एगिल्सन

19
कृपया उन विवरणों के साथ bugreport.apple.com (या bugs.webkit.org) पर एक बग दर्ज करें।
पॉल श्रेयराइबर

15
@EinarEgilsson: ... और वह बहुत ज्यादा बताते हैं कि क्या हो रहा है। स्पष्ट रूप से, किसी की गलत बाइट ऑर्डर का उपयोग तब होता है जब घुमाए गए चित्र को प्रस्तुत किया जाता है।
इल्मरी करोनें

3
@PaulSchreiber वास्तव में ऐसा लगता है कि यह पहले से ही तय हो गया है, सफारी 10 के एक नए निर्माण वाले लोगों को यह नहीं मिल रहा है।
३inar पर एइनर एगिल्सन

4
@ डारियो क्योंकि आधा सही प्रयास न करने से बेहतर है।
जेपीए
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.