কোনও এসভিজি চিত্র হিসাবে কোনও ওয়েব পৃষ্ঠার স্ক্রিনশট নেওয়া কি সম্ভব?


31

আমার একটি ওয়েবপৃষ্ঠা রয়েছে যা সম্পূর্ণ ভেক্টর-ভিত্তিক (পাঠ্য, আইকন ফন্ট, এসভিজি, তবে কোনও পিএনজি, জেপিইজি বা জিআইএফ) নেই।

সেই ওয়েবপৃষ্ঠায় কোনও ভেক্টরের স্ক্রিনশট নেওয়ার এবং এটিকে একটি সম্পূর্ণ-স্কেলযোগ্য এসভিজি ফাইল হিসাবে সংরক্ষণ করার কোনও উপায় আছে কি?
(যাতে আমি একটি সাধারণ পিসিতে স্ক্রিনশটটি নিতে পারি এবং এটি রেটিনার উপর দেখতে ভাল লাগে)

এটি সম্ভব হওয়া উচিত, তবে আমি এটির কিছু করব না।

অতিরিক্ত ক্রেডিট: এতে কয়েকটি বিটম্যাপ চিত্র থাকলে আমি এম্বেড বিটম্যাপ সহ একটি এসভিজি চাই।


দেখে মনে হচ্ছে html2canvas.hertzen.com এখানে সহায়তা করতে পারে।
স্ল্যাक्स

1
প্রশ্নে থাকা .html ফাইলটি আসলে যা চান তা নয়?
স্পার

@ স্পার: না; আমি কোনও সম্পাদকের মধ্যে এসভিজি হেরফের করতে চাই (উদাহরণস্বরূপ, এটি ক্রপ করুন, একটি ব্যানার যুক্ত করুন), তারপরে এটি একটিতে রেখে দিন <img>। (কোনও ওয়েব অ্যাপ্লিকেশানের সহায়তা / ট্যুর পৃষ্ঠার জন্য)
এসএলএক্স

কীভাবে পিএনজি বা জেপিজি ফাইলগুলি এসভিজিতে রূপান্তরিত হবে?
চুলের দফডোগ

7
এটি একটি আশ্চর্যজনক দরকারী ধারণা। বিশেষত ইউআই ডিজাইনারদের জন্য যাদের বিদ্যমান ওয়েবসাইট বিবর্তনে কাজ করতে হয়। আমি এমন কোনও সরঞ্জামের জন্য অর্থ প্রদান করব যা এসভিজি রফতানীর বৈশিষ্ট্যযুক্ত কারণ আমি বিটম্যাপস সফটওয়্যারগুলির সাহায্যে মকআপগুলিতে কাজ করতে ঘৃণা করি, এটি মোট বোকামি।
স্মিফ

উত্তর:


10

বেশ স্ক্রিনশট নয়, তবে পৃষ্ঠাটি ভালভাবে ছাপলে আপনি এটি পিডিএফ হিসাবে মুদ্রণ করতে পারবেন। ইনস্কেপ এবং ইলাস্ট্রেটর উভয়ই একটি পিডিএফ লোড করবে (এবং প্রয়োজনে এটি এসভিজি হিসাবে সংরক্ষণ করুন)।


যখন আমি এটি চেষ্টা করেছিলাম, ফায়ারফক্স পিডিএফ ফাইলটিতে বিটম্যাপ রেডিও বোতাম প্রিন্ট করেছে। ক্রোমিয়াম-ব্রাউজার এবং wkhtmltopdf সমস্ত ভেক্টর ফাইল উত্পাদন করে।
র্যান্ডল হুইটম্যান

9

সিএসএসবক্স ওয়েবভেক্টর এইচটিএমএল পৃষ্ঠাগুলিকে এসভিজিতে রূপান্তর করবে। এটি একটি জাভা কমান্ড-লাইন অ্যাপ্লিকেশন, এবং আপনি এটির ফলাফলের একটি নমুনা দেখতে পারেন এখানে


কমান্ড-লাইন এবং জিইউআই উভয়ই বাস্তবে মোড। আমি রেডিও বোতামযুক্ত একটি ছোট এইচটিএমএল ফর্ম এসভিজিতে রফতানি করার জন্য ওয়েবভেক্টর চেষ্টা করেছিলাম। এটি সম্পূর্ণরূপে ভেক্টর সামগ্রীযুক্ত একটি এসভিজি ফাইল তৈরি করেছিল, পছন্দসই - কোনও এম্বেড বিটম্যাপ সামগ্রী নেই। বেতার বোতামগুলি স্কোয়ার হিসাবে রেন্ডার করা হয়েছে, যা সাধারণত রেন্ডারিংয়ের চেকবক্সগুলির মতো দেখাচ্ছে।
র্যান্ডল হুইটম্যান

2

এটি ইতিমধ্যে ক্রোমে বড় ওয়েবপৃষ্ঠার স্ক্রিনশট ক্যাপচারে উত্তর দেওয়া হয়েছে

আমি কিউটি ক্যাপ্যাপ ব্যবহার করব এটি কোনও ছবিতে ওয়েবকিটের রেন্ডারকে ধারণ করে।

এসকিজি, পিডিএফ, পিএনজি, জেপিইজি, টিআইএফএফ, জিআইএফ, এবং বিএমপি সহ বিভিন্ন ভেক্টর এবং বিটম্যাপ ফর্ম্যাটে ওয়েবকিটের ওয়েবক্রিটির রেন্ডারিংয়ের জন্য কুইক্যা্যাপ্ট একটি ছোট ক্রস প্ল্যাটফর্ম কমান্ড-লাইন ইউটিলিটি। ইন্টারনেট এক্সপ্লোরারের উপর ভিত্তি করে অনুরূপ একটি সরঞ্জামের জন্য আইইসিএপ্যাপ দেখুন।


আমি রেডিও বোতামযুক্ত একটি ছোট এইচটিএমএল ফর্ম এসভিজিতে রফতানি করার জন্য কিউটিপ্যাপ্ট চেষ্টা করেছিলাম। এটি একটি এসভিজি ফাইল তৈরি করেছে যা আংশিক ভেক্টর এবং আংশিক বিটম্যাপ সামগ্রী রয়েছে।
র্যান্ডল হুইটম্যান

CutyCapt উবুন্টু 18.04-র নীতিভিত্তিক সংগ্রহস্থলগুলিতে উপলব্ধ, তাই sudo apt install cutycaptএটি চেষ্টা করার জন্য আমার যা করা দরকার তা হল। কয়েক সেকেন্ড দেরি করে ( --delay=3000) এটি ম্যাথজ্যাক্সকে এমনকি রেন্ডার করে !!!
CHESirekow

0

একটি পদ্ধতির: আপনি যদি রাস্টার স্ক্রিনশট (পিএনজি, জেপিজি, ইত্যাদি) নেন তবে আপনি স্ক্রিনশটের কিছু নির্দিষ্ট রঙের ক্ষেত্রগুলিকে ভেক্টর অবজেক্টগুলিতে "রূপান্তর" করতে ইনস্কেপে "ট্রেস বিটম্যাপ" ব্যবহার করতে পারেন। আমি নিশ্চিত যে অ্যাডোব ইলাস্ট্রেটারে একটি সমতুল্য সরঞ্জাম রয়েছে। আপনি কয়টি পৃথক রঙের সন্ধানের জন্য নির্দিষ্ট করেছেন তা যত্ন নিন - ফলস্বরূপ ভেক্টর ফাইলগুলি দ্রুত জটিল হয়ে উঠতে পারে। প্রতিটি রঙ একটি পৃথক ভেক্টর অবজেক্ট যা মূল রঙের চিত্রটি উপস্থাপন করতে অন্যান্য রঙের বস্তুগুলিকে ওভারল্যাপ করে, তাই আপনাকে সম্ভবত কিছুটা পরিষ্কার করতে হবে।


1
সেটিংসটি সঠিকভাবে পেতে এত বেশি কাজ লাগবে, আমি মনে করি না এটি গ্রহণযোগ্য হবে। তবে আপনি কখনই জানেন না। অ্যাডোব ফ্ল্যাশ এটিও করতে পারে এবং এর কাজ করার আলাদা পদ্ধতি রয়েছে যার ফলস্বরূপ আরও ভাল বা খারাপ ফলাফল হতে পারে।
এসপিআরবিএনএন

-1

এটি আপনাকে সাহায্য করতে পারে। ফায়ারফক্সে একটি দুর্দান্ত অ্যাড-অন রয়েছে, এটি পিডিএফ হিসাবে সেভ বলা হয়, যা https://pdfcrowd.com/ থেকে সরঞ্জামগুলি ব্যবহার করে । চূড়ান্ত এসভিজি আউটপুটের জন্য আমি এসভিজিতে রূপান্তর করতে অনলাইন সরঞ্জামগুলির মধ্যে একটি ব্যবহার করব।

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