xxxxxxxxxx
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/LATEST-VERSION/html2canvas.min.js"></script>
<script>
function capture () {
html2canvas(document.getElementById("demo")).then(canvas => {
// (A) APPEND SCREENSHOT TO DATA OBJECT
var data = new FormData();
data.append("screenshot", canvas.toDataURL("image/jpeg", 0.6));
// (B) UPLOAD SCREENSHOT TO SERVER
fetch("2b-upload.php", { method:"post", body:data })
.then(res => res.text())
.then(txt => alert(txt));
});
}
</script>
xxxxxxxxxx
const screenshotTarget = document.body;
html2canvas(screenshotTarget).then((canvas) => {
const base64image = canvas.toDataURL("image/png");
window.location.href = base64image;
});
xxxxxxxxxx
let canvas = document.createElement('canvas');
let video = document.getElementById('my-video');
let image = '';
video.addEventListener('seeked', function(){
canvas.width = 1920;
canvas.height = 1080;
let ctx = canvas.getContext('2d');
ctx.drawImage( video, 0, 0, canvas.width, canvas.height );
image = canvas.toDataURL('image/jpeg');
});
video.currentTime = TIME_IN_SECONDS;
xxxxxxxxxx
const url2png = require('url2png')('API_KEY', 'PRIVATE_KEY');
const fs = require('fs');
app.get('/screenshot', (req, res) => {
url2png.readURL(req.query.url, {}).pipe(fs.createWriteStream('screenshot.png'));
res.json({success: true})
});