ওয়েব ক্যাপচার এবং রূপান্তর করার সরঞ্জামসমূহ

জাভাস্ক্রিপ্ট স্ক্রিনশট এপিআই দিয়ে একটি ডিভ ক্যাপচার করুন

জাভাস্ক্রিপ্ট API

একটি সাধারণ প্রয়োজন হ'ল এইচটিএমএল পৃষ্ঠায় কীভাবে কেবল একটি একক এইচটিএমএল উপাদানগুলির সামগ্রীগুলি ক্যাপচার করতে হয়। যেমন একটি ডিভ, স্প্যান বা ক্যানভাস উপাদান।

তবে ক্লায়েন্ট সাইড কোড ব্যবহার করে আপনি একটি একক এইচটিএমএল উপাদান ক্যাপচার করতে পারেন। যেমন একটি চিত্র, পিডিএফ বা ডোকএক্স স্ক্রিনশট। তোমার দরকার হবে বিনামূল্যে সাইন আপ করুন এবং তারপরে আমাদের ডাউনলোড করুন বিনামূল্যে জাভাস্ক্রিপ্ট লাইব্রেরি.

এটি হয়ে গেলে কোনও HTML উপাদান ক্যাপচার করা সহজ। আপনার শুধু পাস করতে হবে সিএসএস নির্বাচক আপনি ক্যাপচার করতে চান উপাদান লক্ষ্য প্যারামিটার।

আপনার সিএসএস সিলেক্টরটি তৈরি করতে আপনাকে এইচটিএমএল উপাদানটি খুঁজে পেতে হবে যা আপনি ক্যাপচার করতে চান। লক্ষ্য ওয়েবপৃষ্ঠার উত্সটি দেখতে এটি করতে। যার উদাহরণ নীচে দেখানো হয়েছে।

<div id="features">
	<h4>Acme Camera</h4>
	<label>Price</label>$399<br />
	<label>Rating</label>4.5 out of 5
</div>
<p>Cras ut velit sed purus porttitor aliquam. Nulla tristique magna ac libero tempor, ac vestibulum felisvulput ate. Nam ut velit
risus porttitor tristique at ac diam. Sed nisi risus, rutrum a metus suscipit, euismod tristique nulla. Etiam venenatis rutrum
blandit. In hac habitasse platea dictumst. Suspendisse potenti. Phasellus eget vehicula felis.</p>

উদাহরণস্বরূপ, আইডির সাথে উপরের ডিভটি স্ক্রিনশট করতে features, আপনি ডাউনলোড করতে পারেন GrabzIt জাভাস্ক্রিপ্ট লাইব্রেরি এবং তারপরে নীচে জাভাস্ক্রিপ্ট কোডটি ব্যবহার করুন।

এই জাভাস্ক্রিপ্টটি অতিরিক্তভাবে ইমেজ স্ক্রিনশটটি সেট করে লক্ষ্যবস্তু এইচটিএমএল উপাদান হিসাবে একই মাত্রায় স্বয়ংক্রিয় করে bheight, height এবং width পরামিতি to -1। পৃষ্ঠাটি লোড করা হলে একটি চিত্রের স্ক্রিনশটটি একই স্থানে তৈরি করা হবে script ট্যাগ। এটিতে সমস্ত বিষয়বস্তু থাকবে features ডিভ এবং অন্য কিছুই।

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/my-page.html",
{"target": "#features", "bheight": -1, "height": -1, "width": -1}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/my-page.html",
{"target": "#features", "format": "pdf"}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script type="text/javascript">
GrabzIt("Sign in to view your Application Key").ConvertURL("http://www.example.com/my-page.html",
{"target": "#features", "format": "docx"}).Create();
</script>

অবশ্যই HTML কে কোনও চিত্র, পিডিএফ বা ডোকএক্স রূপান্তর করার সময় আপনি এইচটিএমএল উপাদানগুলিও ক্যাপচার করতে পারেন। কেবল পদ্ধতিটি প্রতিস্থাপন করুন ConvertURL সঙ্গে ConvertHTML উপরে।

ডায়নামিক সামগ্রী ক্যাপচার করা হচ্ছে

ব্যবহারকারী হওয়ার পরে আপনি প্রায়শই পৃষ্ঠাগুলি ক্যাপচার করতে চান intউদাহরণস্বরূপ কোনও ফর্ম পূরণ করার পরে এটির সাথে কিছুটা কমেছে। GrabzIt আপনাকে সরবরাহ করে এটি করতে সক্ষম করে ConvertPage পদ্ধতি। এটি ওয়েব পৃষ্ঠার ইউআরএল সহ ওয়েব পৃষ্ঠার বর্তমান এইচটিএমএলকে গ্র্যাবিজিতে প্রেরণ করে। এরপরে এটি একটি ব্রাউজারে পুনরায় তৈরি করা হয় এবং রূপান্তরিত হয় into একটি চিত্র, ডসএক্সএক্স বা পিডিএফ ডকুমেন্ট।

তবে যাতে সিএসএস বা চিত্রগুলির মতো যে কোনও সংস্থানগুলি URL এর মাধ্যমে রেফারেন্স করা সমাধান করুন। এই পদ্ধতিটি অবশ্যই ওয়েব পৃষ্ঠায় অ্যাক্সেসযোগ্য কল করতে হবে internet।

<div id="divSection">
    <form id="myForm">
        <label>Name</label><input type="text" name="name" />
        <label>Age</label><input type="text" name="age" />
        <input type="button" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Save"/>
    </form>
</div>

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

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({"target": "#divSection", "bheight": -1, "height": -1, "width": -1}).Create();
</script>

এইচটিএমএল উপাদানকে লক্ষ্য করে যখন পিডিএফটি ক্রপ করা হয় তখন তা কী হতে পারে এই কৌশলগুলি ব্যবহার করে নিয়ন্ত্রণ করা.

<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({"target": "#divSection", "format": "pdf"}).Create();
</script>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@/grabzit.min.js"></script>
<script>
GrabzIt("Sign in to view your Application Key").ConvertPage({"target": "#divSection", "format": "docx"}).Create();
</script>

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