गोल त्रिभुज
मुफ़्त, बिना साइन-अप, आपके ब्राउज़र में चलता है।
तीन बिंदु वह न्यूनतम है जिसे बंद स्प्लाइन स्वीकार करती है, और इससे ब्लॉब जैसी किसी चीज़ से ज़्यादा एक गोल त्रिभुज बनता है। वहाँ उपयोगी जहाँ वृत्त बहुत तटस्थ पड़े और एक नरम ज्यामितीय लहजा चाहिए।
इसके पीछे की सेटिंग्स
| जनरेटर | ब्लॉब |
|---|---|
| बिंदु | 3 |
| यादृच्छिकता | 35% |
| चिकनाहट | 100% |
| बीज | 512 |
जानने लायक़ बातें
- तीन बिंदु, इसलिए तीन उभार — जनरेटर की बनाई सबसे सरल बंद आकृति।
- 217 बाइट पर सूची का सबसे छोटा ब्लॉब।
- विषमबाहु रूप के लिए यादृच्छिकता बढ़ाइए, लगभग समबाहु के लिए घटाइए।
बाइट में इसकी क़ीमत
यही आकृति SVG के रूप में 217 बाइट की है और CSS बैकग्राउंड के रूप में 378 बाइट की — data URI बड़ा इसलिए है कि प्रतिशत-एन्कोडिंग हर बचाए गए अक्षर के बदले तीन अक्षर लेती है। दोनों आँकड़े ऊपर दिखाई गई आकृति के हैं, निर्देशांकों में दो दशमलव की परिशुद्धता के साथ।
| प्रारूप | आकार |
|---|---|
| SVG | 217 B |
| CSS बैकग्राउंड | 378 B |
| CSS clip-path | 435 B |
| CSS border-radius | 108 B |
गोल त्रिभुज के SVG की शुरुआत
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 31.4C117.75 31.39,162.06 114.14,153.18 130.7C144.3 147.27,55.56 147.32,46.7 130.77C37.84 114.22,82.25 31.41,100 31.4Z" fill="#4f46e5"/></svg>
और विस्तार से
तीन बिंदु गणित के लिए भी सबसे कठिन स्थिति है, और इसीलिए यह किसी स्लाइडर के सिरे पर छिपा होने के बजाय सूची में है। सिर्फ़ तीन के साथ हर बिंदु बाक़ी दोनों का दोनों पड़ोसी होता है और घुमावदार अनुक्रमण के पास छिपने की जगह नहीं बचती — सीवन पर ग़लती करने वाली बंद-स्प्लाइन रचना यहीं सबसे साफ़ तौर पर नाकाम होती है, इसलिए परीक्षण-समूह सबसे पहले यही आकृति जाँचता है।
सवाल
गोल त्रिभुज मिल जाने के बाद मैं इसे कैसे बदलूँ?
जनरेटर खोलिए, प्रीसेट पंक्ति में गोल त्रिभुज पर क्लिक कीजिए, फिर जो चाहें खिसकाइए। प्रीसेट शुरुआत का बिंदु है, ताला नहीं — हर स्लाइडर चालू रहता है, और बीज वाला ख़ाना शब्द भी लेता है, अगर आप अपनी आकृति को संख्या देने के बजाय नाम देना चाहें।
क्या अगली बार भी यही दिखेगी?
हाँ, जब तक बीज वही है। यह बीज 512 है, 3 बिंदुओं के साथ। जनरेटर निर्धारणात्मक है, इसलिए ये सेटिंग्स किसी भी डिवाइस पर बिलकुल यही वक्र दोबारा बनाती हैं।
क्या मैं दूसरा रंग इस्तेमाल कर सकता हूँ?
हाँ — रंग निर्यात के समय लगता है, ज्यामिति में पक्का नहीं होता। ऊपर का पूर्वावलोकन उपकरण के डिफ़ॉल्ट रंग का है; जनरेटर में अपना चुन लीजिए और SVG, CSS बैकग्राउंड और clip-path तीनों उसी के साथ चलेंगे।
इस पेज का हर आँकड़ा और हर आकृति बिल्ड के समय जनरेटर चलाकर बनाई गई है, इसलिए यह उसी उपकरण का वर्णन करता है जिसे आप अभी इस्तेमाल करने वाले हैं, न कि उसके किसी पुराने रूप का।