আমি কীভাবে একটি কম্পিউটারে এসভিজি সংরক্ষণ করব?


16

আমাকে এই ওয়েবসাইট থেকে একটি লোগো নিয়ে কাজ করতে হবে (উপরের বাম কোণে):

এখানে চিত্র বর্ণনা লিখুন

পৃষ্ঠা থেকে আমি অনুলিপি করা কোডের অংশটি এখানে:

<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" হিসাবে আরও সংরক্ষণ করে এটি একটি টেক্সট ফাইলে পেস্ট করার চেষ্টা করেছি, তবে সব বৃথা।
(ট্যাগগুলির সাথে কিছু ভুল হতে পারে)

পিএস: কপিরাইটের সাথে সবকিছু ঠিক আছে! আমি এই মুহুর্তে কোনও ভেক্টর জিজ্ঞাসা করার জন্য এই সাইট থেকে অন্য ডিজাইনারের সাথে যোগাযোগ করতে পারি না।


2
আপনি লোগোটি ব্যবহার / মানিয়ে নেওয়ার অনুমতি পেয়েছেন? আপনি যদি কেবল 'চুরি' লোগোর ওয়েবে ঘুরে দেখেন তবে আপনি গুরুতর সমস্যায় পড়তে পারেন। এবং যদি তারা আপনাকে এটি পরিবর্তন করতে বলে, তবে কেবল তাদের উত্স ফাইলগুলির জন্য কেন জিজ্ঞাসা করবেন না?
পাইবি

আমি এখন এই মিডিয়াটির সাথে কাজ করছি, আমি তাদের কোনও ডিজাইনারের কাছে কোনও ভেক্টর চাইতে জিজ্ঞাসা করতে পারি না!
আকসানা জিঙ্কঙ্কা

দেখে মনে হচ্ছে আপনি এটি ঠিকঠাক করছেন, আপনার কেবল কোডটি .svg হিসাবে সংরক্ষণ করতে সক্ষম হওয়া উচিত এবং তারপরে এটি এসভিজি সমর্থন করে এমন একটি ভেক্টর সম্পাদকে খুলুন। কীভাবে এটি কাজ করছে না? আপনি কোন গ্রাফিক্স প্রোগ্রাম চেষ্টা করেছেন? এবং কোন পাঠ্য সম্পাদক (ম্যাক
টেক্সটেডিট

1
যেমন ব্যবহারকারী বলেছেন, কেবল এটি একটি পাঠ্য সম্পাদকের মধ্যে পেস্ট করুন .svgএবং আপনি এটি সংরক্ষণ করার পরে নামের শেষে যুক্ত করুন । আপনার ওএস সেটিংসের উপর নির্ভর করে এটি এখনও ভুল এক্সটেনশানটিকে যুক্ত করতে পারে logo.svg.txt। যদি এটি করে তবে এটির সরাসরি নামকরণ করুন (পুনরুদ্ধার নয়) এবং ভুল এক্সটেনশন (.txt) মুছে ফেলুন। মূলত, পুরো ফাইলের নামটি যদি শেষ হয় তবে এটি সঠিকভাবে খুলতে হবে .svg
ডোম

উত্তর:


20

আপনি আপনার জাভাস্ক্রিপ্ট কনসোলে এই কোডটি চালাতে পারেন:

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);

বা এই বুকমার্কলেট ব্যবহার করুন। আমার জন্য নিখুঁতভাবে কাজ করেছেন:

এখানে চিত্র বর্ণনা লিখুন


1
হ্যাঁ এটি কাজ করে, তবে সম্ভবত এই মন্তব্যটি যুক্ত করুন যে এই রানটি তাদের পৃষ্ঠায় কোনও তৃতীয় পক্ষের স্ক্রিপ্ট? একটি nytimesবারের স্ক্রিপ্ট সম্ভবত ভাল, তবে এটি শেখানো একটি বিপজ্জনক অভ্যাস।
টম

এটি আমার জন্য ক্রোমের চেয়ে সাফারিতে আরও ভাল কাজ করেছে
মাইক্রোমাচাইন

3

আপনার পোস্ট করা স্নিপেট বৈধ এক্সএমএল নয়। এটির জন্য একটি এক্সএমএল ঘোষণা প্রয়োজন এবং <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>

এমনকি এই জিনিসগুলি ঠিক করার পরেও, আমি যদি এটি ইনস্কেপে খুলি, তবে এটি এখনও ওয়েবসাইটে লোগোটির মতো দেখায় না। আপনি সম্ভবত ভাল কিছু চেষ্টা বন্ধ করছি ভালো পরিবর্তে করা SVG বের করে আনতে।


এটি ফায়ারফক্সের সাথে অনুলিপি করা, অবজেক্ট ইন্সপেক্টর (যা একটি যোগ করে </path>) এর মাধ্যমে বা সরাসরি সোর্স পৃষ্ঠা উত্সের মাধ্যমে (যা না) আমাকে একটি এসভিজি দেয় যা ইলাস্ট্রেটারের সাথে খোলা যেতে পারে - এবং এটি সাইটের লোগোটির মতো দেখতে ঠিক ঠিক দেখাচ্ছে ।
usr2564301

3

আপনি যদি ম্যাকোজে সাফারি ব্যবহার করেন তবে এর জন্য অন্তর্নির্মিত কার্যকারিতা রয়েছে। কেবলমাত্র এসভিজি চিত্রটিতে ডান ক্লিক করুন, ফলস্বরূপ ড্রপ-ডাউন মেনুতে "ফর্ম্যাট: পৃষ্ঠা উত্স" চয়ন করার পরে "পৃষ্ঠা সংরক্ষণ করুন ..." টিপুন।

এখানে চিত্র বর্ণনা লিখুন

এখানে চিত্র বর্ণনা লিখুন


লোগো কোডের মাধ্যমে অ্যাক্সেসযোগ্য না হলে এটি কাজ করবে বলে মনে হয় না (উদাহরণস্বরূপ কোনও শ্রেণিতে এমবেড করা) - যখন ডান-ক্লিকটি কেবল ব্যবহারকারীকে চিত্রটি ডেনলোড করতে দেয়, বা টেনে আনবে এবং ডেস্কটপে ছেড়ে যেতে বা বিকাশকারীকে সন্ধান করতে পারে মেনুর পৃষ্ঠার সংস্থানসমূহ
মাইক্রোম্যাচাইন

-3

ইউআরএল অনুলিপি করুন এবং পরে এটি ইনস্কেপ এ খুলুন। সহজ কিছু!


হাই আলেকজান্দ্রা, জিডিএসইতে আপনাকে স্বাগতম এবং আপনার উত্তরের জন্য ধন্যবাদ। আপনি দয়া করে আমাদের আরও কিছু তথ্য দিতে পারেন? আপনি কীভাবে ইনস্কেপে একটি লিঙ্ক খুলবেন? কোন মেনু বিকল্প চয়ন করতে? মনে করুন যে প্রশ্নকর্তা সফ্টওয়্যারটির একজন শিক্ষানবিশ এবং আপনি বেশিরভাগই ভাল। ধন্যবাদ! আপনার যদি কোনও প্রশ্ন থাকে, দয়া করে আপনার খ্যাতি পর্যাপ্ত হয়ে গেলে একবার সহায়তা কেন্দ্র বা গ্রাফিক ডিজাইন চ্যাটে আমাদের মধ্যে একজনকে পিং করুন (20)। অবদান রাখুন এবং সাইট উপভোগ করুন!
ভিনসেন্ট

-4

অবশ্যই। আপনি চাইলে এটিকে জটিল করুন - তবে তা নয়। নতুন ব্রাউজার উইন্ডোতে .svg ফাইলটি খুলুন। চিত্রক বা অন্যান্য ভেক্টর অ্যাপ্লিকেশনগুলিতে মুদ্রণ -> পিডিএফ হিসাবে সংরক্ষণ করুন -> খুলুন চয়ন করুন। :)


5
আপনি ইতিমধ্যে এসভিজি পেয়েছেন - কেন পিডিএফটিতে একটি পদক্ষেপ যুক্ত করে এটিকে জটিল করবেন?
মাইকেল
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.