कोरोनाव्हायरसचा प्रसार रोखण्यासाठी एसव्हीजी वापरणे

डेमोसाठी कृपया येथे क्लिक करा.

गिट ऑफ दादा रिक चेकआऊट करण्यासाठी कृपया येथे जा.

अस्वीकरण: हा अनुप्रयोग आपल्या तोंडाला स्पर्श करणे टाळण्याची केवळ एक सवय पाळण्याच्या उद्देशाने आहे. प्रतिबंध करण्यासाठी हे एक व्यापक तंत्र नाही. डब्ल्यूएचओच्या अधिक माहितीसाठी कृपया येथे क्लिक करा.

स्टाईलिंगच्या आसपास जाण्याचा कोणताही मार्ग नाही. हा प्रेझेंटेशनचा एक अनिवार्य घटक आहे. आम्ही कोणत्याही वेब पृष्ठावरील प्रमुख माहिती देण्यासाठी प्रतिमा वापरतो. पारंपारिकरित्या (.jpg, .gif, .png) ब्राउझरमध्ये लोड केलेल्या बर्‍याच प्रतिमा बिटमैप स्वरूपात आहेत. याचा अर्थ असा की ब्राउझर प्रत्येक पिक्सेलचा रंग जाणून घेण्यास सक्षम आहे. एसव्हीजी (स्केलेबल वेक्टर ग्राफिक) निर्देशांचा एक संच म्हणून संग्रहित केला जातो ज्याचा ब्राउझर दिशानिर्देश म्हणून भाषांतर करतो. म्हणून पिक्सल नव्हे तर सूचना. हे ब्राउझर प्रदर्शनासाठी पिक्सलवर अवलंबून नाही या संकल्पनेस मदत करते. म्हणून प्रतिमा अस्पष्ट केल्याशिवाय लहान केली जाऊ शकते.

एसव्हीजी बिटमैप प्रतिमांपेक्षा लहान देखील आहे, ज्याचा अर्थ कमी आकार आहे. लॉग / शेपसाठी वेक्टरचा वापर केला जाऊ शकतो. कोणत्याही आकाराच्या आकारासाठी आपण एसव्हीजी बनवू शकता, म्हणून स्केलेबल.

एसव्हीजीच्या मूलभूत संकल्पनेची सवय होण्यासाठी पायps्या:

  1. येथे जा
  2. आयत आणि वर्तुळ (किंवा कोणताही आकार) बनवा.
  3. रंग भरा
  4. एसव्हीजी कडून कोड मिळवा
  5. ब्राउझरमध्ये पाहण्यासाठी कोड कोडेपेन.आयओ किंवा कोणत्याही मजकूर संपादकात पेस्ट करा.

तेवढेच, आपण आपले प्रथम एसव्हीजी व्युत्पन्न केले.

कृपया संपादकाचा लेआउट पाहण्यासाठी प्रतिमेचा संदर्भ घ्या. इतर एसव्हीजी संपादकांमध्ये इंस्केप आणि अडोब इलस्ट्रेटरचा समावेश आहे.

ते अधिक संरचित करण्यासाठी, चला पुढे जाऊ आणि प्रतिसाद देणारा अनुप्रयोग बनवू आणि एसव्हीजीचे परिमाण बदलून टाकू. जेव्हा आपण त्याच्या तोंडाला स्पर्श करता तेव्हा आम्ही आजोबा रिक वेड होण्याची एक एसव्हीजी प्रतिमा बनवू. प्रक्रिया खालील चरणांमध्ये सहज वर्णन केले आहे.

  1. एसव्हीजी मिळवा. एसव्हीजी बनवण्याचा सर्वात सोपा मार्ग वर वर्णन केला आहे. तेथे एसव्हीजी कन्व्हर्टर देखील आहेत परंतु परिणाम प्रतिमांशी संबंधित नाहीत.
  2. मध्ये एसव्हीजी पेस्ट करा आपली इच्छा.
  3. एसव्हीजीमध्ये असेल ड्रॉईंगच्या प्रत्येक स्ट्रोकसाठी. ओळखा आपण इव्हेंटवर बदलू इच्छित आहात (जसे की ऑनक्लिक किंवा फिरवा).
  4. आपण बदलू इच्छित असलेल्या घटकाची तपासणी करा. आमच्या बाबतीत, आम्ही दादा रिकला त्याचा चेहरा स्पर्श करता तेव्हा त्याचा रागावण्यासाठी ओठांचा आकार बदलू इच्छितो. वर्ग शोधा किंवा एक वर्ग नाव तयार करा.
  5. खालील कोड समायोजित करण्यासाठी Chrome मधील स्टाईल टॅबमध्ये प्ले करा. या प्रकरणात आम्ही हास्य फिरविण्यासाठी घटकांचे रूपांतर करू शकतो आणि स्थान (ट्रान्सफॉर्म-मूळ) आणि रंग देखील समायोजित करू शकतो.
  6. एकदा आपल्याकडे स्थिती / रंग / आकार योग्य असल्यास, पुढे जा आणि एसव्हीजीची मालमत्ता जोडा: स्टाईल. सीएसएस मधील वर्गात फिरवा.

आणि तेच आहे. आपण यशस्वीरित्या आपला प्रथम परस्परसंवादी एसव्हीजी तयार केला आहे. येथून शक्यता अंतहीन आहेत.

आपणास काही अभिप्राय असल्यास किंवा अधिक जाणून घेण्याची इच्छा असल्यास कृपया विराज.इनफोला भेट द्या.