Create Dynamic Screenshot of any element on a web page – JavaScript

ByAnurag batra October 1, 2022October 23, 2022

windwindow.takeScreenShot = function() {
    html2canvas(document.getElementById("target"), {
        onrendered: function (canvas) {
            document.body.appendChild(canvas);
        },
        width:320,
        height:220
    });
}ow.takeScreenShot = function() {    html2canvas(document.getElementById("target"), {        onrendered: function (canvas) {            document.body.appendChild(canvas);        },        width:320,        height:220    });}

Here is what the above code is Doing:
1. It’s creating a function called takeScreenShot()
2. It’s using the html2canvas library to take a screenshot of the element with the id “target”
3. It’s appending the screenshot to the body of the page
4. It’s setting the width and height of the screenshot to 320×220
5. It’s assigning the function to the ow.takeScreenShot() variable

Now, let’s see how we can use this function to take a screenshot of the page.

Javascript Examples

react setupproxy

ByAnurag batra July 5, 2022June 30, 2022

const { createProxyMiddleware } = require(‘http-proxy-middleware’); module.exports = function(app) { app.use( ‘/api’, createProxyMiddleware({ target: ‘http://localhost:5000’, changeOrigin: true, }) ); }; Here is what the above code is Doing: 1. We are importing the createProxyMiddleware function from http-proxy-middleware. 2. We are creating a function that takes in the app object. 3. We are using the app…

Javascript Examples

short in javascript

ByAnurag batra October 2, 2022September 6, 2022

short in javascript Here is what the above code is Doing: 1. We’re creating a variable called “my_string” and setting it equal to “Hello World” 2. We’re creating a variable called “my_int” and setting it equal to the number 10 3. We’re creating a variable called “my_float” and setting it equal to the number 10.0…

Javascript Examples

javascript function static variable

ByAnurag batra October 17, 2022September 6, 2022

javascriptCopyfunction getId() { if ( typeof getId.counter == ‘undefined’ ) { getId.counter = 0; } alert(++getId.counter); } Here is what the above code is Doing: 1. The first time getId() is called, the if statement evaluates to true, and the counter variable is created. 2. The second time getId() is called, the if statement evaluates…

Javascript Examples

js check for class in classList

ByAnurag batra July 29, 2022June 30, 2022

element.classList.contains(className); Here is what the above code is Doing: 1. We’re creating a function called hasClass that takes two arguments: element and className. 2. We’re using the classList property to check if the element has the className. 3. We’re returning the result of the check.

Javascript Examples

create random aleatory token javascript

ByAnurag batra September 29, 2022September 6, 2022

//length: defines the length of characters to express in the string const rand=()=>Math.random(0).toString(36).substr(2); const token=(length)=>(rand()+rand()+rand()+rand()).substr(0,length); console.log(token(40)); //example1: token(10) => result: tsywlmdqu6 //example2: token(40) => result: m4vni14mtln2547gy54ksclhcv0dj6tp9fhs1k10 Here is what the above code is Doing: 1. rand() is a function that returns a random number between 0 and 1. 2. toString(36) converts the number to a…

express access static files in post request

Javascript Examples

express access static files in post request

ByAnurag batra September 20, 2022September 6, 2022

app.use(staticPath, function(req, res, next){ if (‘POST’ != req.method){ next() }else{ req.method = ‘GET’ next() } }) app.use(staticPath, express.static(‘./static’)) Here is what the above code is Doing: 1. We’re using the static middleware to serve static files from the static directory. 2. We’re using the bodyParser middleware to parse the body of the request. 3. We’re…

Similar Posts