0.1.15 • Published 2 years ago
canvas-screenshots v0.1.15
canvas-screenshots
canvas-screenshots is a useful screenshots tools on your website created by canvas.The behavior is similar with your PC clients like wechat or QQ.
Installation
npm install --save-dev canvas-screenshots
Usage
import ScreenShoots from 'canvas-screenshots';
// generate a screenshots
const screen = new ScreenShoots({
download: data => {
console.log(data);
},
});
// create mask above
screen.start();
Demo
Surrpoted fcuntions
- Rectangular
- Circle & Ellipsis
- Arrow
- Pen
- Text
- Mosaic
- Image
- Back
Config
plugins
The switch to each function. type: Array<pluginType> pluginType: 'rectangular' || 'circle' || 'arrow' || 'pen' || 'text' || 'mosaic' || 'image' || 'back' default: Array<all pluginType> required: false
download
Trigger when click the download button, the type of output data will be decided by config type. type: Function default: noop function required: true arguments: data
imageFail
Trigger when choose a image but not match the expected. type: Function default: noop function required: false arguments: error
outputType
The output type with download. type: string('imageData' || 'png' || 'file') default: 'imageData' required: false
Surrported browsers
- Chrome
The browsers supported is now minimal because of the different behavior of canvas, and it will soon be more.
0.1.14
2 years ago
0.1.15
2 years ago
0.1.13
3 years ago
0.1.11
3 years ago
0.1.12
3 years ago
0.1.10
3 years ago
0.1.9
4 years ago
0.1.8
4 years ago
0.1.7
4 years ago
0.1.6
4 years ago
0.1.5
4 years ago
0.1.4
4 years ago
0.1.3
4 years ago
0.1.2
4 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.9
5 years ago
0.0.8
5 years ago
0.0.7
5 years ago
0.0.6
5 years ago
0.0.5
5 years ago
0.0.2
6 years ago
0.0.1
6 years ago