Salut les amis et bon début de semaine !
Beaucoup d’événements tragiques ces derniers jours …
Et je ne souhaite pas faire partie des médias qui épiloguent sur ce sujet douloureux …
Alors, pour vous changer un peu les idées, j’ai développé rien que pour vous un petit « hack« , qui vous permettra de mettre des images dans votre console
Oui je sais que ça n’a pas spécialement d’intérêt …
que c’est un peu Gadget !
Mais peut être bien que vous l’utiliserez … peut être même bien qu’en animant des images vous pourriez nous pondre des courts métrages « cachés » dans vos sites ;)
Bref, une simple fonction Javascript :
function PicsToConsole(urlImg) {
x = 0;
isize = 50;
if (!document.getElementById('test')) {
var img = new Image();
img.id = "test";
} else
img = document.getElementById('test');
img.crossOrigin = 'anonymous';
img.src = urlImg;
img.onload = function() {
img = document.getElementById('test');
img.width = isize;
var canvas = document.createElement("canvas");
var ctx = canvas.getContext("2d");
canvas.width = img.width;
canvas.height = img.height;
ctx.drawImage(img, 0, 0, img.width, img.height);
tab = ctx.getImageData(0, 0, canvas.width, canvas.height);
var i = 0,
txt = "",
color = "";
while (i <= tab.data.length - 1) {
if (x == canvas.width) {
x = 0;
eval("console.log(txt" + color + ")");
txt = "";
color = "";
}
++x;
txt += " %c";
color += ",'line-height:1px;background:rgb(" + (tab.data[i]) + ',' + (tab.data[i + 1]) + ',' + (tab.data[i + 2]) + ")'";
i += 4;
}
}
document.body.appendChild(img);
}
ça fonctionne aussi bien sous Firefox que sur Chrome :
Sous Firefox
Sous Chrome
démo ici : https://dyrk.org/map/
Dyrk.org
