Skip to content
JavaScript implementation of a screenshot with html2canvas.js and canvas2image.js(js实现屏幕截图)
Branch: master
Clone or download
Latest commit 544c44f Mar 29, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img add screenshot Mar 29, 2019
js-screenshot-for-npm add screenshot Mar 29, 2019
simple add screenshot Mar 29, 2019
webpack+vue+element add screenshot Mar 29, 2019
LICENSE add screenshot Mar 29, 2019
README.md add screenshot Mar 29, 2019
README_zh.md add screenshot Mar 29, 2019

README.md

JavaScript-screenshot

star this repofork this repo npm languages node MIT Licence

中文

Introduction

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

Simple Version Of Use

Open index.html directly in your browser.

Webpack+Vue+Element Version Of Use

# 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

Example

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:

js-screenshot-for-npm

npm install --save js_screen_shots

For details, see the document README.md.

You can’t perform that action at this time.