जावास्क्रिप्ट के माध्यम से स्क्रीनशॉट पर विचार

एक सेवा विकसित करते समय, मुझे उपयोगकर्ताओं को त्रुटियों की रिपोर्ट करने की अनुमति देने की आवश्यकता थी। समस्या यह थी कि उपयोगकर्ता तृतीय-पक्ष सॉफ़्टवेयर या सेवा का उपयोग किए बिना स्क्रीनशॉट ले सकता था।

पहले तो यह कार्य मुझे असंभव लग रहा था, लेकिन मुझे html2canvas मिला।


डाउनलोड करें, उदाहरण देखें और अधिक पढ़ें। संक्षेप में: यह बात कैनवास तत्व में पृष्ठ का स्क्रीनशॉट बना सकती है, और इसे jquery प्लगइन के रूप में डिज़ाइन किया गया है।

उदाहरण के लिए, हम कुछ क्लिक पर लटकाते हैं:

$(document).ready(function() { $('#megaButton').live('click',function(){ //   html2canvas $('body').html2canvas(); setTimeout("makeIT()", 1000) }); }); function makeIT() { //     canvas,   : var canvas = $('canvas')[0]; //   base64 var data = canvas.toDataURL('image/png').replace(/data:image\/png;base64,/, ''); //     canvas $('canvas').remove(); //    $.post('saveCPic.php',{data:data}, function(rep){ alert(' '+rep+' ' ); }); } 

saveCPic.php में, सब कुछ सरल है:

 <?php // - , , : $name = time().'.png'; //,     base64 file_put_contents($name, base64_decode($_POST['data'] )); //     echo( $name ); ?> 

सर्वर पर क्लिक करके इन सरल जोड़तोड़ के परिणामस्वरूप, वर्तमान पृष्ठ के स्क्रीनशॉट के साथ एक फ़ाइल बनाई जाती है।

यह लेख किसी भी समस्या का वैश्विक समाधान होने का दिखावा नहीं करता है, लेकिन शायद यह किसी को दिलचस्प विचारों की ओर ले जाएगा या किसी समस्या का समाधान करेगा।