html2canvas保存图片

npm安装

cnpm install --save html2canvas
import html2canvas from 'html2canvas';

            var ss = document.querySelector('')
            html2canvas(ss).then(function (canvas) {
                // document.body.appendChild(canvas);
                console.log("canvas", canvas)

                var imgData = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");

                let $a = document.createElement('a');
                $a.setAttribute('href', imgData);
                $a.setAttribute('download', 'test222.png');
                let fileLink = document.createElement('span');
                fileLink.setAttribute('style', 'cursor: pointer; -webkit-tap-highlight-color: transparent');
                $a.appendChild(fileLink);
                let body = document.getElementsByTagName('body')[0];
                body.appendChild($a);
                fileLink.click();
                body.removeChild($a);
            });


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容