function getImage(url) {
return new Promise((resolve, reject) => {
let img = new Image();
img.setAttribute('crossOrigin', 'anonymous');
img.onload = () => {
let canvas = document.createElement('canvas');
let ctx = canvas.getContext('2d');
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
let pattern = ctx.createPattern(img, 'no-repeat');
ctx.fillStyle = pattern;
let dataURL = canvas.toDataURL();
resolve(dataURL);
};
img.src = url;
});
};
getImage(url).then(res => console.log(res)};