html2canvas + canvas2image HTML转图片

最近做了一个爬虫项目，是爬取某些网站点下载的图片，但是往往某些网站总有个例，在后台拿到的不是图片而是html,完全就把我打蒙了，找了好多方案，最后发现通过 html2canvas + canvas2image  能青松搞定 这里就和大家分享一下，思路其实很简单，就是页面上呈现的html 直接通过截图方式 保存到本地

这里最重要的就是需要引用三个js    canvas2image.js、html2canvas.min.js、jquery-3.3.1.min.js

同时拿到这个html最外层的div 对象,这个是原生态的哈，这个很重要 

        html2canvas(Code).then(function (canvas) {
            var canvasWidth = canvas.width;
            var canvasHeight = canvas.height;
            Canvas2Image.saveAsJPEG(canvas, canvasWidth, canvasHeight, Name);

            if (imgData != null) {
                //发送到后端进行图片保存  
                //imgData 是对canvas2image.js 里面进行了一个复制  
            }

        });

后台拿到 base64传过来的值然后进行一个 byte 再到内存流的一个转换，最后输出Image ,然后就可以放到你想放的位置了