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

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;

      }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。