图片url转换base64

最新推荐文章于 2024-05-14 14:27:51 发布

Dj_Fairy

最新推荐文章于 2024-05-14 14:27:51 发布

阅读量520

点赞数 1

分类专栏： canvas

本文链接：https://blog.csdn.net/Dj_Fairy/article/details/107980428

版权

canvas 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

getBase64Image('https://tpc.googlesyndication.com/daca_images/simgad/13063754865781208952');

        function getBase64Image(url) {
            var image = new Image();
            image.crossOrigin = '*';//跨域
            image.src = url + '?v=' + Math.random();//防缓存

            image.onerror = function() {
                console.log('error');
            }
            image.onload = function() {
                var base64 = drawBase64Image(image);
                var img = document.getElementById('img');
                img.src = base64;
                console.log(base64);
            }
        };

        function drawBase64Image(img) {
            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);
            var dataURL = canvas.toDataURL('image/png');
            return dataURL;
        }