美文网首页
将图片转换成base64方法

将图片转换成base64方法

作者: K891V | 来源:发表于2019-12-12 20:38 被阅读0次

网上扒来的,试了一下挺好用的。但是如果试网上的图片,必须试开启跨域的图片,比如腾讯头像之类的,本地图片就可以各种姿势没压力

/**
 * 将图片转换为base64
 * 解决html2canvas跨域合成失败的问题
 */

 getBase64Image('image图片路径', function(url){
    // 输出图片的base64,可以直接赋值给img的src 
    console.log(url)
})
var getBase64Image = function(src, cb) {
    var img = document.createElement('img'),
        dataURL = '';
    img.crossOrigin = '';
    img.src = src;
    img.onload = () => {
        var canvas = document.createElement("canvas");
        canvas.width = img.width;
        canvas.height = img.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(img, 0, 0, img.width, img.height);
        dataURL = canvas.toDataURL();
        cb(dataURL);
    };
}

相关文章

网友评论

      本文标题:将图片转换成base64方法

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