中文

JavaScript implementation screenshot,There are two libraries used:

Html2Canvas.js
Canvas2Image.js

I mainly made two demos and one NPM package:

1. Simple Version
2. Webpack+Vue+Element Version
3. js-screenshot-for-npm
4. reactCli Version

Open index.html directly in your browser.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

The original html is like this：

This is the element node：

This is after converting to canvas：

This is the element node：

This is after converting to img：

This is the element node：

This is the final result：

npm install --save js_screen_shots

For details, see the document README.md.