Repository files navigation

中文

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

Openindex.html directly in your browser.

# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm 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 documentREADME.md.