0

सीएसएस क्लिप-पाथ जेनरेटर

लाइव पूर्वावलोकन बॉक्स या अपनी स्वयं की अपलोड की गई छवि पर बिंदुओं को खींचकर - अवतल पायदान सहित - मनमाना बहुभुज आकार बनाएं, और परिणामी सीएसएस क्लिप-पथ की प्रतिलिपि बनाएँ: बहुभुज (...) मान।

किसी बिंदु को स्थानांतरित करने के लिए उसे खींचें. वहां एक बिंदु जोड़ने के लिए किनारे के पास क्लिक करें। किसी बिंदु को हटाने के लिए उस पर डबल-क्लिक करें (न्यूनतम 3 अंक)।

प्रसंस्करण... 0%

नतीजा

सीएसएस क्लिप-पथ किसी भी संख्या में x/y समन्वय जोड़े से बने बहुभुज() फ़ंक्शन को स्वीकार करता है, जिसका अर्थ है कि यह एक बॉक्स को उन साधारण आयतों और वृत्तों से कहीं अधिक आकार में बना सकता है, जिन तक अधिकांश लोग पहुंचते हैं। समस्या यह है कि उन निर्देशांकों को हाथ से टाइप करना कठिन है और मूल त्रिकोण से परे किसी भी चीज़ के लिए सही होना लगभग असंभव है - यह जनरेटर उस समन्वय सूची को लाइव पूर्वावलोकन पर खींचने योग्य बिंदुओं के एक सेट में बदल देता है, इसलिए जो आकार आप देखते हैं वह हमेशा वही आकार होता है जो सीएसएस उत्पन्न करता है।

पूर्वावलोकन पर प्रत्येक बिंदु को बॉक्स की चौड़ाई और ऊंचाई के प्रतिशत के रूप में संग्रहीत किया जाता है, जो कि क्लिप-पाथ: पॉलीगॉन() स्वयं हुड के नीचे कैसे काम करता है: इस तरह से बनाया गया आकार अपने अनुपात को सही रखता है, इससे कोई फर्क नहीं पड़ता कि वास्तविक पृष्ठ में तत्व किस आकार में समाप्त होता है, एक छोटे आइकन मास्क से लेकर पूर्ण-चौड़ाई वाले हीरो बैनर तक। रूपरेखा को दोबारा आकार देने के लिए किसी भी बिंदु को खींचें, एक नया बिंदु जोड़ने के लिए किनारे के करीब क्लिक करें जहां आपने क्लिक किया था, या इसे हटाने के लिए किसी मौजूदा बिंदु पर डबल-क्लिक करें - संपादक हमेशा कम से कम तीन बिंदु रखता है, क्योंकि एक बहुभुज कम के साथ मौजूद नहीं हो सकता है।

छह बंडल प्रीसेट को यह साबित करने के लिए चुना गया है कि क्लिप-पथ उत्तल आकृतियों से अधिक कर सकता है: तारा और तीर दोनों रिफ्लेक्स कोणों पर भरोसा करते हैं जो अंदर की ओर इशारा करते हैं, भाषण बुलबुला एक अन्यथा सादे आयत से एक त्रिकोणीय पूंछ बनाता है, और टिकट स्टब दो पायदानों को विपरीत किनारों में डेंट करता है जिस तरह से एक वास्तविक छिद्रित टिकट दिखता है। किसी भी प्रीसेट को लोड करें और वहां से खींचते रहें - संपादक के बारे में कुछ भी आपको शुरुआती आकार में लॉक नहीं करता है।

एक सादे बॉक्स के बजाय वास्तविक सामग्री के सामने क्लिप-पथ का पूर्वावलोकन करने के लिए अपनी खुद की छवि अपलोड करें, या अपलोड को पूरी तरह से छोड़ दें और पूर्वावलोकन एक धारीदार पैटर्न पर वापस आ जाता है ताकि कट का आकार किसी भी तरह से स्पष्ट रूप से दिखाई दे। इस साइट पर हर टूल की तरह, पूरी चीज़ ब्राउज़र में स्थानीय रूप से चलती है: कोई भी छवि आपके डिवाइस को कभी नहीं छोड़ती है, और पेज लोड होने के बाद जनरेटर ऑफ़लाइन काम करता रहता है।