😂
console.image = function (url, size = 100) {
var image = new Image();
image.onload = function () {
var style = [
"font-size: 1px;",
"padding: " +
(this.height / 100) * size +
"px " +
(this.width / 100) * size +
"px;",
"background: url(" + url + ") no-repeat;",
"background-size: contain;",
].join(" ");
console.log("%c ", style);
};
image.src = url;
};
(async () => {
// console.image(image, 100);
let blob = await fetch(
"https://upload.wikimedia.org/wikipedia/en/f/f7/RickRoll.png",
).then((r) => r.blob());
let dataUrl = await new Promise((resolve) => {
let reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.readAsDataURL(blob);
});
console.image(dataUrl, 100);
})();