2009-06-01 12 views
6

अब मैं इस बिंदु पर पहुंच रहा हूं कि मैं छवियों को www.trailbehind.com पर स्प्राइट करना चाहता हूं।छवियों को स्प्राइट करने का सबसे अच्छा तरीका?

अधिकांश छवियां जावास्क्रिप्ट फ़ंक्शंस द्वारा लोड की जाती हैं, और मेरे पास मानचित्र आइकन जैसी बहुत सी छोटी छवियां हैं।

क्या कोई ऐसा सॉफ़्टवेयर है जो इसका समर्थन करता है? मुझे पता है कि यदि आप छवियां Django टेम्पलेट्स में हैं तो आप Django-sprites का उपयोग कर सकते हैं। और यदि आप कुछ जावा कोड लिखना चाहते हैं तो आप इसी तरह जीडब्ल्यूटी का उपयोग कर सकते हैं।

एक वेबसाइट के लिए पाइथन/Django एक जावास्क्रिप्ट फ्रंट एंड के साथ इस बारे में जाने का सबसे अच्छा तरीका क्या है? जब तक उपयोगकर्ता ने जावास्क्रिप्ट बंद नहीं किया है तब तक मैं कभी भी HTML नहीं दिखाता।

+0

आपकी ऊपर उल्लिखित साइट, (आई 6 में) 660 की ब्राउज़र विंडो ऊंचाई के साथ, पूर्ण नेविगेशन प्रदर्शित करने या स्क्रॉलबार प्रदान करने में विफल रहता है - कुछ हद तक निराशाजनक और अंततः बेकार। – Traingamer

+4

@Traingamer वाह, आप IE6 का उपयोग कर रहे हैं ?! – Hyangelo

उत्तर

0

यदि आप मैक पर हैं, तो आपके पास इसके लिए टूल हो सकते हैं। ये उपकरण स्प्राइट्स को एक कुशल तरीके से ऑर्डर कर रहे हैं और संभावित न्यूनतम स्प्राइट शीट उत्पन्न करते हैं। इसके अलावा वे स्वचालित रूप से आपके लिए सीएसएस आउटपुट उत्पन्न कर रहे हैं। इस प्रकार, आपको निर्देशांक या पिक्सल गिनने के साथ लड़ने की आवश्यकता नहीं है। इसके लिए आप Sprite Master का उपयोग कर सकते हैं।

5

आप Glue का भी उपयोग कर सकते हैं। यह सीएसएस sprites उत्पन्न करने के लिए एक ओपन-सोर्स कमांड लाइन उपकरण है।

1

SpriteMe एक शानदार विकल्प है, यह एक बुकमार्कलेट के रूप में काम करता है ताकि आप आसानी से संभावित लाभ देखने के लिए किसी भी साइट पर इसे चला सकें।

0

यदि आप कड़े sprites आउटपुट उत्पन्न करना चाहते हैं, तो ZeroSprites आज़माएं।

ZeroSprites वीएलएसआई फर्शप्लानिंग एल्गोरिदम का उपयोग करता है।

0

आप http://draeton.github.com/stitches/ उपयोग कर सकते हैं एक HTML5 ऑनलाइन आवेदन है। (एक आधुनिक ब्राउज़र के साथ खोला जाना है)

तुम बस खींचें और आपकी छवियों ड्रॉप करने है और आप स्प्राइट छवि और में उपयोग करने के लिए सीएसएस कोड उत्पन्न कर सकते हैं आपकी स्टाइल शीट

संबंधित मुद्दे