sharingan

use html5canvas

copy the screen and draw something

demo

params

name	desc	type	default
type	type of drawing , one of pen line rect circle	string	pen
color	color of drawing	string	red
linewidth	width of line	number	2
style	style of drawing	string	stroke
scale	scale	number	1
element	the element to copy	element	-
target	the target canvas	element	-

usage

<div id="container"></div>

<canvas id="target"> </canvas>

import Sharingan from "sharingan";

var s;
function takeScreenshot() {
    s = new Sharingan({
      scale: 0.6,
      element: document.getElementById('container'),
      target: document.getElementById('target')
    });
    s.catch(function(target){});
}

License

MIT