美文网首页
1、有关生成图片 2、有关图片转base64

1、有关生成图片 2、有关图片转base64

作者: 懒青青 | 来源:发表于2019-08-16 14:22 被阅读0次

1、http://html2canvas.hertzen.com/features/  

2、js实现图片资源转化成base64的各种场景

转自 https://www.cnblogs.com/zhangdiIT/p/7895903.html

第三种根据自己所需稍微修改的版本:

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调用时传入具体像素值,控制大小 ,不传则默认图像大小

        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;

      }

相关文章

网友评论

      本文标题:1、有关生成图片 2、有关图片转base64

      本文链接:https://www.haomeiwen.com/subject/txofsctx.html