Html2Canvas একটি জাভাস্ক্রিপ্ট লাইব্রেরি যা পুরো ওয়েব পেজ বা নির্দিষ্ট অংশের স্ক্রিনশট নিতে পারে। এটি আসলে স্ক্রিনশট নেয় না, বরং পেজের তথ্যের উপর ভিত্তি করে ভিউ তৈরি করে।
উদাহরণ
নিচে উদাহরণ কোড দেওয়া হল। এখানে, html2canvas.js স্ক্রিপ্ট <head>**-এ অন্তর্ভুক্ত করা হয়েছে। html2canvas() মেথড কল করা হয়েছে। এটি base64 মান রিটার্ন করে, যা végül ইমেজ সোর্স বা একটি ইমেজ ফাইল তৈরি করে।
<!DOCTYPE html> <html> <head> <script src="html2canvas-master/dist/html2canvas.js"></script> </head> <body> <h1>স্ক্রিনশট নিন</h1> <div class="container" id='container'> <img src='images/one.jpg' width='50' height='50'> <img src='images/two.jpg' width='50' height='50'> </div> <input type='button' id='but_screenshot' value='Take screenshot' onclick='screenshot();'><br/> <script> function screenshot(){ html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); }); } </script> </body> </html> 