मैं किसी वेबसाइट पर एक एसवीजी लोगो का उपयोग कर रहा हूं, और अधिकांश ब्राउज़रों में यह ठीक काम कर रहा है। हालांकि, कुछ आईई संस्करणों और मोबाइल ब्राउज़र पर, छवि एक असफल छवि बॉक्स के रूप में दिखाई देती है। क्या कोई तरीका है कि मैं कम से कम झूठी नकारात्मकताओं के साथ एसवीजी संगतता की जांच करने के लिए जेएस या कुछ लाइब्रेरी (अधिमानतः jQuery) का उपयोग कर सकता हूं, और बस छवि के एक .png संस्करण पर स्विच कर सकता हूं? http://zero31b.x10.mx/samote, और SVG चित्र हल्का नीला ग्लोब बातेंक्या मैं एसवीजी छवि लोड होने पर परीक्षण करने के लिए जेएस या jQuery का उपयोग कर सकता हूं?
उत्तर
Tavmjong बाह एसवीजी और PNG वापस आने पर व्यापक लेख लिखा था कर रहे हैं::
साइट यह है
http://tavmjong.free.fr/SVG/BUTTON_TEST/button_test.html
सरल कोड वह/वह देता है
<img src="buttonA.svg" alt="A sample SVG button."
onerror="this.removeAttribute('onerror'); this.src='buttonA.png'"/>
लेकिन यदि आपके पास अधिक सुविधाएं हैं तो आपको आधुनिकता संस्करण पर विचार करें।
पर GitHub सिफारिश का उपयोग कर png-संस्करण आप की एसवीजी-बटन madrobby बनाने के लिए librsvg-परिवर्तित
क्या छवि के आस-पास का लिंक वास्तव में असफल है? –
नहीं! मैं इसे हटा दूंगा! – bjelli
- 1. एसवीजी: दस्तावेज लोड होने पर स्क्रिप्ट चलाएं
- 2. JQuery - छवि लोड होने पर जांचें?
- 3. क्या मैं एसवीजी सैलामैंडर का उपयोग एसवीजी को पीएनजी की फाइलों में रास्टराइज करने के लिए कर सकता हूं? (और मैं इसे कैसे कर सकता हूं?)
- 4. क्या मैं कॉलबैक के बिना jquery getScript() का उपयोग कर सकता हूं?
- 5. वास्तविक छवि लोड होने पर लोडिंग छवि को प्रदर्शित करने के लिए कैसे करें
- 6. क्या मैं AJAX कॉल करने के लिए फोनगैप Jquery का उपयोग कर सकता हूं?
- 7. मैं jQuery का उपयोग कर स्थानीय फ़ाइल कैसे लोड कर सकता हूं? (फ़ाइल के साथ: //)
- 8. क्या मैं छवि अपलोड के साथ jquery पोस्ट का उपयोग कर सकता हूं?
- 9. मैं मूल्य वापस करने के लिए जेएस eval का उपयोग कैसे कर सकता हूं?
- 10. jquery का उपयोग कर पूरी तरह लोड करने के लिए किसी विशेष छवि की प्रतीक्षा करें?
- 11. मैं छवि के केंद्र में स्क्रॉल करने के लिए scrollRectToVisible का उपयोग कैसे कर सकता हूं?
- 12. पृष्ठ लोड होने के बाद मैं अस्थायी रूप से जावास्क्रिप्ट को कैसे अक्षम कर सकता हूं?
- 13. कोई छवि लोड नहीं होने पर कुछ करें (jquery)
- 14. क्या मैं वेब ऐप पर ध्वनि रिकॉर्ड करने के लिए जावास्क्रिप्ट का उपयोग कर सकता हूं?
- 15. क्या मैं श्रृंखला तुलना करने के लिए पूर्णांक पर कोलेसे ऑपरेटर का उपयोग कर सकता हूं?
- 16. अपाचे बटिक का उपयोग करके मैं एक एसवीजी छवि को दूसरे पर कैसे बढ़ा सकता हूं?
- 17. मैं 1000 फाइलें कैसे बना सकता हूं जिनका उपयोग मैं स्क्रिप्ट का परीक्षण करने के लिए कर सकता हूं?
- 18. क्या मैं विधि में कोड का निरीक्षण करने के लिए प्रतिबिंब का उपयोग कर सकता हूं?
- 19. JSON डेटा पोस्ट करने के लिए मैं JQuery का उपयोग कैसे कर सकता हूं?
- 20. मोचा के साथ जावास्क्रिप्ट का परीक्षण - मैं परीक्षण को डीबग करने के लिए console.log का उपयोग कैसे कर सकता हूं?
- 21. क्या मैं सीएसएस को हटाने/अस्वीकार करने के लिए jquery का उपयोग कर सकता हूं! महत्वपूर्ण नियम?
- 22. मैं छवि को टाइल करने के लिए CGContextDrawTiledImage का उपयोग कैसे कर सकता हूं?
- 23. एक छवि लोड होने पर जानने के लिए जावास्क्रिप्ट कॉलबैक
- 24. जेएस/jQuery छवि संपादक
- 25. JQuery: क्या मैं बाहरी वेब पेज खोलने के लिए एक संवाद का उपयोग कर सकता हूं?
- 26. क्या मैं एंड्रॉइड पर jmonkeyengine का उपयोग कर सकता हूं?
- 27. क्या मैं सादे पुरानी वस्तुओं के साथ jQuery के ईवेंट फ़ंक्शंस का उपयोग कर सकता हूं?
- 28. क्या मैं आसानी से ली तत्वों को ऊपर या नीचे स्थानांतरित करने के लिए jQuery का उपयोग कर सकता हूं?
- 29. अतिरिक्त पैरामीटर के साथ जीईटी अनुरोध करने के लिए मैं jQuery "लोड" का उपयोग कैसे कर सकता हूं?
- 30. मैं धीरे-धीरे धीमे पृष्ठ को लोड करने के लिए प्रगतिशील वृद्धि तकनीकों का उपयोग कैसे कर सकता हूं?
https://gist.github.com/3202087 एक तरीका है। (हालांकि जावास्क्रिप्ट की आवश्यकता है, हालांकि।) मैंने इसे "पीएनजी फॉलबैक के साथ svg" देखकर पाया। – Ryan
काम पर हम सफलतापूर्वक आधुनिकीकरण का उपयोग करते हैं - http://modernizr.com/ इसके लिए। –
वैसे, क्या आपने देखा है कि आपका एसवीजी 30 केबी है? –