1列疗、http://html2canvas.hertzen.com/features/??
2、js實現(xiàn)圖片資源轉(zhuǎn)化成base64的各種場景
轉(zhuǎn)自?https://www.cnblogs.com/zhangdiIT/p/7895903.html
第三種根據(jù)自己所需稍微修改的版本：
urlToBase64(imgUrl){
? ? ? ? let _this = this;
? ? ? ? var image = new Image();
? ? ? ? image.setAttribute('crossOrigin', 'anonymous');
? ? ? ? image.src = imgUrl + "?v=" + new Date().getTime();
? ? ? ? image.onload =function (){
? ? ? ? ? _this.getBase64Image(image);
? ? ? ? }
getBase64Image(img,width,height) {//width浪蹂、height調(diào)用時傳入具體像素值抵栈，控制大小 ,不傳則默認(rèn)圖像大小
? ? ? ? var canvas = document.createElement("canvas");
? ? ? ? canvas.width = width ? width : img.width;
? ? ? ? canvas.height = height ? height : img.height;
? ? ? ? var ctx = canvas.getContext("2d");
? ? ? ? ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
? ? ? ? var dataURL = canvas.toDataURL();
? ? ? ? this.testImg = dataURL;
? ? ? }
