डेवलपर टूल / 19

SVG Path कमांड विज़ुअलाइज़र और इंस्पेक्टर

SVG path डेटा (d attribute) को टोकन, कमांड पैरामीटर और विज़ुअल रेंडर में पार्स करें।

SVG Path कमांड विज़ुअलाइज़र और इंस्पेक्टर: TOEA path निर्देशों (M, L, C, Q, A, Z) को टोकन में बाँटता है और इंटरैक्टिव SVG canvas प्रीव्यू रेंडर करता है। यह आपके ब्राउज़र में 100% स्थानीय रूप से चलता है और सर्वर पर कोई फ़ाइल अपलोड नहीं होती।

रन
आपके ब्राउज़र में
लागत
मुफ़्त · साइन अप की ज़रूरत नहीं
उपलब्धता
इस्तेमाल के लिए तैयार

पाथ कमांड (4 टोकन)

Mयहाँ ले जाएँ (निरपेक्ष)M 10 80
Qक्वाड्रेटिक बेज़ियर वक्र (निरपेक्ष)Q 52.5 10, 95 80
Tस्मूद क्वाड्रेटिक बेज़ियर (निरपेक्ष)T 180 80
Zपाथ बंद करेंZ

Commands पढ़ना

Uppercase commands absolute coordinates का इस्तेमाल करते हैं, जबकि lowercase commands current point के सापेक्ष चलते हैं। हर command निश्चित संख्या में values लेता है: H और V एक, M, L और T दो, S और Q चार, C छह, A सात और Z कोई नहीं। अतिरिक्त values command को दोहराती हैं और M के बाद के अतिरिक्त pairs को L माना जाता है। Arc की सात values दो radii, rotation, large या small arc और उसकी दिशा चुनने वाले दो flags तथा end point होती हैं।

Preview आकार और संक्षिप्त संख्याएँ

Preview origin से 200 × 200 unit का क्षेत्र दिखाता है। 24-unit grid पर बना icon ऊपर-बाएँ कोने में छोटा दिखाई देता है और 512-unit icon set के paths किनारे से बाहर चले जाते हैं; यह canvas की सीमा है, path की नहीं।

Optimizers अक्सर separators हटा देते हैं और दो संख्याओं के लिए M10-5 या .5.5 लिखते हैं। Breakdown उन्हें browser की तरह पढ़ता है: minus sign या दूसरा decimal point नई संख्या शुरू करता है, इसलिए .5.5 का अर्थ 0.5 और 0.5 है। Arc flags single digits होते हैं, इसलिए a5 5 0 015 5 में flags 0 और 1 तथा end point 5 5 है। Shape बदलने के लिए, केवल पढ़ने के बजाय, इसे SVG एडिटर में खोलें।

इस्तेमाल करने का तरीका

  1. SVG path डेटा पेस्ट करें (जैसे M10 10 L90 90 Z)।
  2. कमांड टोकन और उनके विवरण देखें।
  3. रेंडर किए गए वेक्टर path का प्रीव्यू देखें।

गोपनीयता और सीमाएँ

प्रोसेसिंग 100% ब्राउज़र में होती है और डेटा बिल्कुल भी सेव नहीं किया जाता।

संबंधित टूल्स

अक्सर पूछे जाने वाले सवाल

कौन-से SVG path कमांड पार्स किए जाते हैं?

MoveTo, LineTo, Cubic Bezier, Quadratic Bezier, Elliptical Arc और ClosePath कमांड (absolute और relative) समर्थित हैं।

मुफ़्त टूल · आपके ब्राउज़र में बार चलता है · अकाउंट की ज़रूरत नहीं