जनरेटर पर जाएँ
वेव और ब्लॉब

तारा

जनरेटर खोलें

मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।

बाहरी और भीतरी त्रिज्या के बीच बारी-बारी बारह बिंदु, चिकनाहट घटाकर ताकि नोकें तीखी रहें। क्लासिक तारा ज्यामिति, खींची नहीं बल्कि बनाई गई — इसलिए नोकों की संख्या और उनकी अनियमितता दोनों आपके हाथ में हैं।

इसके पीछे की सेटिंग्स

इसके पीछे की सेटिंग्स
जनरेटरब्लॉब
बिंदु6
यादृच्छिकता12%
चिकनाहट35%
बीज700

जानने लायक़ बातें

बाइट में इसकी क़ीमत

यही आकृति SVG के रूप में 551 बाइट की है और CSS बैकग्राउंड के रूप में 712 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।

बाइट में इसकी क़ीमत
प्रारूप आकार
SVG551 B
CSS बैकग्राउंड712 B
CSS clip-path769 B
CSS border-radius110 B

तारा के SVG की शुरुआत

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 40.29C101.9 40.39,112.74 70.84,115.86 72.52C118.98 74.2,152.54 67.52,153.49 69.12C154.43 70.72,132.19 96.43,132.12 100C132.06 103.57,153.39 128.71,152.42 130.26C151.44 131.81,118.42 124.64,115.36 126.6C112.3 128.57,101.81 163.92,100 163.96C98.1…

और विस्तार से

नीचे का तारा और फूल वही बारह बिंदु हैं, बस दो अलग तरह से जुड़े — इसीलिए उन्हें मोड बदलने के बजाय चिकनाहट अलग करती है। इसका मतलब यह भी है कि आप बीच में कहीं भी रुक सकते हैं: हल्की नरम नोकों वाला तारा ऐसी आकृति है जो दोनों में से कोई प्रीसेट अकेले नहीं देता।

सवाल

तारा मिल जाने के बाद मैं इसे कैसे बदलूँ?

जनरेटर खोलिए, प्रीसेट पंक्ति में तारा पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।

क्या अगली बार भी यही दिखेगी?

हाँ, जब तक बीज वही है। यह बीज 700 है, 6 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।

क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?

हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।

इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।

संबंधित