কম্পিউটার

আপনি HTML5 ক্যানভাস ব্যবহার করে পৃষ্ঠার একটি স্ক্রিনশট নিতে পারেন?


Html2Canvas হল একটি JavaScript লাইব্রেরি যা পুরো ওয়েব পেজ বা নির্দিষ্ট অংশের স্ক্রিনশট নিতে পারে। এটি স্ক্রিনশট নেয় না কিন্তু পৃষ্ঠার তথ্যের উপর ভিত্তি করে ভিউ তৈরি করে।

উদাহরণ

নীচে একটি উদাহরণ কোড দেওয়া হল। এখানে, html2canvas.js স্ক্রিপ্ট এ অন্তর্ভুক্ত করা হয়েছে। html2canvas() পদ্ধতি বলা হয়। বেস64 মান প্রদান করে, যা শেষ পর্যন্ত ইমেজ সোর্স বা একটি ইমেজ ফাইল তৈরি করে।

<!DOCTYPE html>
<html>
   <head>
      <script src="html2canvas-master/dist/html2canvas.js"></script>
   </head>
   <body>
      <h1>Take screenshot</h1>
      <div class="container" id='container' >
         <imgsrc='images/one.jpg' width='50' height='50'>
         <imgsrc='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>

  1. কীভাবে ক্রোমে একটি পুরো পৃষ্ঠার স্ক্রিনশট করবেন

  2. Windows 10

  3. আপনার ম্যাকে ট্যাগগুলিকে পরবর্তী স্তরে নিয়ে যাওয়ার জন্য আপনি 5টি অ্যাপ ব্যবহার করতে পারেন৷

  4. কিভাবে পাইথন ব্যবহার করে উইন্ডোর স্ক্রিনশট নিতে হয়?(Tkinter)