保存二维码

            //保存二维码成图片

            

            var canvas2 = document.createElement("canvas");

            alert(canvas2);

         let _canvas = document.querySelector('div');

         var w = parseInt(window.getComputedStyle(_canvas).width);

         var h = parseInt(window.getComputedStyle(_canvas).height);

         //将canvas画布放大若干倍，然后盛放在较小的容器内，就显得不模糊了

         canvas2.width = w * 2;

         canvas2.height = h * 2;

         canvas2.style.width = w + "px";

         canvas2.style.height = h + "px";

         //可以按照自己的需求，对context的参数修改,translate指的是偏移量

var context = canvas2.getContext("2d");

context.translate(-0,-270);

context.scale(2, 2);

         html2canvas(document.querySelector('div'), { canvas: canvas2 }).then(function(canvas) {

         //document.body.appendChild(canvas);

         //canvas转换成url，然后利用a标签的download属性，直接下载，绕过上传服务器再下载

         document.querySelector(".down").setAttribute('href', canvas.toDataURL());

         });

            

createElement，创建元素

querySelector，获取元素

getComputedStyle：获取css属性值

getContext：方法返回一个用于在画布上绘图的环境。

translate，水平移动

scale，缩放

html2canvas：html2canvas将HTML页面转为图片并保存

toDataURL()：画布里的方法