html2canvas

// loading
const cloneDom = document.querySelector('figure').cloneNode(true);

cloneDom.classList.add('save'); // 自定義截圖內容
body.appendChild(cloneDom);

html2canvas(cloneDom, {
	useCORS: true // 內容含非同源地址的圖片
}).then(res => {
	body.removeChild(cloneDom);

	const _href = res.toDataURL('image/png');

	if ('app') {
		// loaded
		// 已保存至相冊
	} else {
		const _a = document.createElement('a'),
			_e = document.createEvent('MouseEvents');

		_a.style.display = 'none';
		_a.href = _href;
		_a.download = 'name';

		body.appendChild(_a);
		_e.initEvent('click');
		_a.dispatchEvent(_e);
		body.removeChild(_a);

		// loaded
		// 保存成功
	}
});

 

• 文獻

http://html2canvas.hertzen.com/