闲来无事撸了个图片小工具玩玩

@quadrapop 看了你的帖子，想法真是一样哈哈，看你把过程写的很详细了，应该已经做出来了吧，赞赞赞

请稍候？

@JackeyGao ANSI 颜色感人.......取整过于暴力

可以，不错

上传了张壁纸，然后就服务器超时了

有点意思 不错不错

@glaucus 不好意思让你体验不友好了，我这渣渣服务器配置太低，都是图形处理，人一多就应付不过来了。
还有我的代码也有好多需要优化的地方，晚上回去好好整整流程优化一下。

@laozhongshi @shuAS @hoshizukiko @hereIsChen
感谢支持。第一次做，需要优化的地方还很多，体验不好的地方见谅哈。

js 的 不需要服务器
var cns = $('#canvas')[0];
var ctx = cns.getContext('2d');
var cnsd = $('#imgdata')[0];
var ctxd = cnsd.getContext('2d');

var text = ["❀", "¶", "#", "ღ", "ღ", "☼", "♬", "➹", ".", "♪", "!", ";", "^", ",", ".", " "];
var width = 1000;
var height = 600;
cns.width = width;
cns.height = height;

function img2Text(g) {
var i = g % 16 === 0 ? parseInt(g / 16) - 1 : parseInt(g / 16);
return text[i];
}

function getGray(r, g, b) {
return 0.299 * r + 0.578 * g + 0.114 * b;
}

function initAndDrawText(img) {
var rem = img.width / img.height;
cns.width = height * rem;
cns.height = height;
cnsd.width = cns.width;
cnsd.height = cns.height;
ctx.clearRect(0, 0, cns.width, cns.height);
ctxd.clearRect(0, 0, cnsd.width, cnsd.height);
ctxd.drawImage(img, 0, 0, cnsd.width, cnsd.height);
var imgData = ctxd.getImageData(0, 0, cnsd.width, cnsd.height,10);
var imgDataArr = imgData.data;
var textList = [];
for (var h = 0; h < cns.height; h += 12) {
for (var w = 0; w < cns.width; w += 10) {
var index = (w + cns.width * h) * 4;
var r = imgDataArr[index + 0];
var g = imgDataArr[index + 1];
var b = imgDataArr[index + 2];
var gray = getGray(r, g, b);
textList.push(img2Text(gray), w, h + 10);
}
}

var index = 0;
var timer = setInterval(function() {
for(i=0;i<10;i++){
ctx.fillText(textList[index*3],textList[index*3+1],textList[index*3+2]);
index++;
}
if (index > textList.length/3) {
clearInterval(timer);
}
}, 1);

}

@itqls emmm 好吧还是要的，跨域问题

@itqls 你这个咋运行 /脸红

图太大了 ...

@zdnyp

js 扔服务器上，随便搞个界面
function loadImg(){
var img = new Image();
img.src = 'xxx.jpg';
img.onload = function(){
initAndDrawText(img);
}
}

可以的，点个赞

域名有点吊

又是请稍后

@psychoo @brust @wlfeng
感谢支持。现在用的人太多，服务器要炸了，带宽明显不够用，现在访问已经变慢了。

绘制中那个动画
竟然没有水平居中...

用那个语言开发?

厉害了