← डिज़ाइन और CSS
डिज़ाइन और CSS · स्थानीय रूप से चलता है

HTML से SVG रेंडरर

एक स्वच्छ HTML अंश को एक स्केलेबल SVG कैनवास में बदलें, जिसकी टेक्स्ट और लेआउट अलग-अलग प्रदर्शन आकारों पर भी स्पष्ट बनी रहें।

तैयार। आपका कार्य डेटा इस ब्राउज़र में रहता है।

यह उपकरण क्यों उपयोगी है

HTML से एक स्व-निहित वेक्टर मॉकअप, दस्तावेज़ीकरण आकृति या पुन: उपयोग योग्य इंटरफ़ेस नमूना बनाएँ, जिसमें कोई दूरस्थ संसाधन न हों।

यह कैसे काम करता है

ब्राउज़र निष्पादन योग्य और नेटवर्क-सक्षम मार्कअप को हटाता है, शेष XHTML को SVG foreignObject में लपेटता है, और सटीक सीमित कैनवास को पाठ के रूप में निर्यात करता है.

व्यावहारिक उदाहरण

1200 × 630 का उत्पाद कार्ड रेंडर करें, जेनरेट किए गए SVG स्रोत का निरीक्षण करें और उत्तरदायी दस्तावेज़ीकरण पृष्ठ के लिए वेक्टर आर्टिफ़ैक्ट को रखें।

मान्यता

गणना निर्धारक है और अमान्य इनपुट को चुपचाप बदलने के बजाय सत्यापन त्रुटियों को समझाती है।

गोपनीयता सीमा

इनपुट और आउटपुट इस टैब में रहते हैं। कॉपी और डाउनलोड ब्राउज़र API के माध्यम से होते हैं बिना किसी सर्वर अपलोड के।

परिणाम पासपोर्ट

हर रन अपने टूल मोड, टाइमस्टैम्प और इनपुट/आउटपुट आकार की रिपोर्ट करता है ताकि परिवर्तित डेटा का ऑडिट किया जा सके।