मैं एक एसवीजी कैसे बचा सकता हूं जो मेरे कंप्यूटर की वेबसाइट पर है?

Question

मुझे इस वेबसाइट (ऊपरी बाएँ कोने में) के लोगो के साथ काम करने की आवश्यकता है :

यहाँ कोड का टुकड़ा है जो मैंने पृष्ठ से कॉपी किया है:

<svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg"><path d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"></svg>

मैं इसमें बहुत कुशल नहीं हूं, लेकिन पहले से ही इसे ".svg" के रूप में सहेजने के साथ एक पाठ फ़ाइल में चिपकाने की कोशिश कर चुका हूं, लेकिन सभी व्यर्थ।
(शायद टैग में कुछ गड़बड़ है)

पुनश्च: कॉपीराइट के साथ सब कुछ ठीक है! मैं अभी इस साइट से अन्य डिजाइनर से संपर्क करने के लिए एक वेक्टर के लिए नहीं कह सकता।

Comments

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

— PieBie

मैं अब इस मीडिया के साथ काम कर रहा हूं, मैं सिर्फ एक डिजाइनर से एक वेक्टर माँगने के लिए नहीं पहुँच सकता!

— अक्षना जिंकानका

ऐसा लगता है कि आप इसे सही तरीके से कर रहे हैं, आपको बस कोड को सेव करने में सक्षम होना चाहिए। एसवीजी फिर इसे वेक्टर संपादक में खोलें जो एनजी का समर्थन करता है। यह किस तरीके से काम नहीं कर रहा है? आपने कौन से ग्राफ़िक्स प्रोग्राम आज़माए हैं? और क्या पाठ संपादक (मैक textedit आश्चर्यजनक तरीके से चीजों को बर्बाद करने के लिए प्यार करता है)

— user56reinstatemonica8

जैसा कि उपयोगकर्ता कहता है, बस इसे टेक्स्ट एडिटर में पेस्ट करें और .svgजब आप इसे सेव करें तो नाम के अंत में जोड़ें । आपकी OS सेटिंग्स के आधार पर, यह अभी भी गलत एक्सटेंशन जोड़ सकता है logo.svg.txt। यदि ऐसा होता है कि बस इसे सीधे नाम बदलें (पुनर्विक्रय नहीं) और गलत एक्सटेंशन (.txt) को हटा दें। यदि पूर्ण फ़ाइल नाम के साथ समाप्त होता है, तो अनिवार्य रूप से, इसे सही ढंग से खोलना चाहिए .svg।

— डोम

Answer 1

आप इस कोड को अपने जावास्क्रिप्ट कंसोल पर चला सकते हैं:

var e = document.createElement('script');
e.setAttribute('src', 'https://nytimes.github.io/svg-crowbar/svg-crowbar.js'); 
e.setAttribute('class', 'svg-crowbar');
document.body.appendChild(e);

या इस बुकमार्क का उपयोग करें । मेरे लिए पूरी तरह से काम किया:

Comments

हाँ, यह काम करता है, लेकिन शायद यह बताते हुए एक टिप्पणी जोड़ें कि यह रन उनके पेज पर एक थर्ड पार्टी स्क्रिप्ट है? एक nytimesसमय की स्क्रिप्ट शायद ठीक है, लेकिन यह सिखाने के लिए एक खतरनाक आदत है।

— टॉम

इसने मेरे लिए क्रोम की तुलना में सफारी में बेहतर काम किया

— माइक्रोमाचाइन

Answer 2

आपके द्वारा पोस्ट किया गया स्निपेट मान्य XML नहीं है। इसे एक्सएमएल घोषणा की जरूरत है और <path>टैग को बंद करने की आवश्यकता है।

<?xml version="1.0" encoding="UTF-8"?>
<svg viewBox="0 0 215 50" height="50" width="215" xmlns="http://www.w3.org/2000/svg">
    <path
    d="M128.783 40.08v7.74h2.078v-5.66h18.843v5.66h2.08v-7.74h-3.322V5.82h-14.017c0 14.588-.467 23.26-2.596 34.263h-3.064zm-43.58 2.08h4.154V5.82h-4.153v3.116l-9.138 24.352V5.818h-4.153V42.16h4.153v-3.114l9.138-24.35v27.465zm-22.842 0h4.36l-6.904-21.08 4.83-15.262h-2.13l-4.88 15.263H52.08V5.82h-4.155V42.16h4.156v-19h4.048l6.233 19zm71.562-2.08c1.764-10.433 2.492-18.842 2.598-32.186h7.783V40.08h-10.38zm74.6 2.08h4.31L204.894 5.82h-4.31l.88 4.206-6.852 32.137h2.13l2.59-12.097h6.548l2.643 12.098zm-169.574 0h4.31L35....8zm147.355 0h4.158V5.82h-13.968v2.076c-.05 8.05-.414 18.12-1.143 23.204-.466 3.066-1.61 5.508-3.532 5.508v5.555c3.588 0 4.623-4.83 5.246-9.24.936-6.752 1.4-16.976 1.506-25.025h7.732V42.16zM159.88 7.896h9.347V5.818H155.73V42.16h13.497v-2.08h-9.348V20.564h7.265v-2.076h-7.266V7.895zm-59.1 0h9.34V5.818H96.626V42.16h13.496v-2.08h-9.34V20.564h7.266v-2.076h-7.265V7.895zm-96.2 0h8.306v34.267h4.152V7.895h8.306V5.818H4.58v2.077zm28.396 6.023l2.858 14.067h-5.66l2.802-14.067zm169.58 0l2.853 14.067h-5.66l2.807-14.067z"
    />
</svg>

उन चीजों को ठीक करने के बाद भी, अगर मैं उस Inkscape को खोलता हूं, हालांकि, यह अभी भी वेबसाइट पर लोगो जैसा नहीं दिखता है। आप शायद एसवीजी को निकालने के लिए कुछ इस तरह की कोशिश कर रहे हैं ।

Comments

फ़ायरफ़ॉक्स के साथ इसे कॉपी करना, या तो ऑब्जेक्ट इंस्पेक्टर के माध्यम से (जो कि एक </path>) जोड़ता है या सीधे पेज सोर्स (जो नहीं करता है) के माध्यम से मुझे एक SVG देता है जिसे इलस्ट्रेटर के साथ खोला जा सकता है - और यह साइट पर लोगो जैसा दिखता है ।

— usr2564301

Answer 3

यदि आप macOS पर Safari का उपयोग कर रहे हैं, तो इसके लिए अंतर्निहित कार्यक्षमता है। सीधे एसवीजी छवि पर क्लिक करें, परिणामी ड्रॉप-डाउन मेनू में "प्रारूप: पृष्ठ स्रोत" का चयन करके "इस रूप में सहेजें पृष्ठ ..." पर क्लिक करें।

Comments

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

— MicroMachine

Answer 4

URL को कॉपी करें फिर इसे Inkscape में खोलें। बहुत आसान!

Comments

हाय अलेक्जेंड्रा, GDSE में आपका स्वागत है और आपके उत्तर के लिए धन्यवाद। क्या आप कृपया हमें कुछ और जानकारी दे सकते हैं? आप Inkscape में एक लिंक कैसे खोलते हैं? क्या मेनू विकल्प चुनने के लिए? मान लीजिए कि आस्कर सॉफ्टवेयर में एक शुरुआत है और आप ज्यादातर अच्छे हैं। धन्यवाद! यदि आपका कोई प्रश्न है, तो कृपया अपनी प्रतिष्ठा के पर्याप्त होने पर (20) एक बार सहायता केंद्र या ग्राफिक डिज़ाइन चैट में हममें से किसी को पिंग करें । योगदान देते रहें और साइट का आनंद लें!

— विंसेंट

Answer 5

ज़रूर। यदि आप चाहें, तो इसे जटिल बनाएं - लेकिन ऐसा नहीं है। एक नई ब्राउज़र विंडो में .svg फ़ाइल खोलें। प्रिंट चुनें -> पीडीएफ के रूप में सहेजें -> इलस्ट्रेटर या अन्य वेक्टर ऐप में खोलें। :)

Comments

आपको पहले से ही एसवीजी मिला हुआ है - पीडीएफ में एक कदम जोड़कर इसे जटिल क्यों करें?

— माइकल शूमाकर