Take screengrabs of HTML elements or React components on your website
Fist log into https://screengrab.cloud and get your API Key from the dashboard
npm install --save screengrab-serverconstserver=require("screengrab-server")constPORT=process.env.PORT||3000server.listen(PORT,()=>{console.log('Server listening on ',PORT)})git clone https://github.com/imageapi-dev/screengrab-serverInstall and start the server
npm install # install nodejs dependencies
cp .env.example .env # copy to .env
npm run start # start dev serverSee: https://github.com/screengrab-cloud/screengrab.js
Import screengrab.js into your code and get screenshots from your dev server
import{ScreenGrab}from'screengrab.js'constscreengrab=ScreenGrab({server: 'http://localhost:3031'})constimage=awaitscreengrab.url('https://memezoo.app').grab()console.log('screengrab url',image.url)To use the cloud hosted ScreenGrab.cloud
import{ScreenGrab}from'screengrab.js'constscreengrab=ScreenGrab('api-key')constimage=awaitscreengrab.url('https://memezoo.app').grab()console.log('screengrab url',image.url)For detailed information refer to https://docs.screengrab.cloud