功能是将图片转成字符画，独乐乐不如众乐乐，就顺便做成了网站，有兴趣的去点点看吧
地址在此： https://tomcat.blog
这是一个很无聊的功能，浅水那么久第一次发帖，不喜勿喷
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2715 days ago, the information mentioned may be changed or developed.
 |
1
hahaha 有意思
|
1 |
2
有点意思。。
|
 |
3
|
 |
4
哈哈哈，一进去就看到满满的 LayUI 风。
域名很有意思:doge:。 |
 |
6
|
 |
7
|
 |
8
不错
|
 |
10
试了两次，提示服务器错误
|
 |
11
一直服务器繁忙
|
 |
12
服务器太忙了
|
 |
13
好用
收藏了 顺便说下 楼主这个域名真的 6 |
|
14
@FreshUncle
@zek @sindri 嗯好的，我也看到日志了报错。我会尝试修复的，新写的程序，没怎么经过严苛测试，人多就开始抵不住了。 图像处理太多爆内存了，分配了 2G 还不够用，我会尝试优化下。 |
|
16
@gz911122 服务器是香港阿里云，2 核 4G1M，买了一年多了那时候好像是 3 年一千多，做活动买的。
我只买过几个阿里云的服务器也说不上推荐，弄个小站玩玩 1 核 1G1M 带宽基本够用了，如果想省去备案麻烦最好买香港或者国外的。 |
 |
17
我只看到域名
|
 |
18
|
|
19
之前有过这个想法，一直没搞，楼主这个可以的，域名是亮点
|
 |
20
蛮不错的
|
 |
22
请稍候？
|
 |
24
可以，不错
|
 |
25
上传了张壁纸，然后就服务器超时了
|
 |
26
有点意思 不错不错
|
|
27
@glaucus 不好意思让你体验不友好了，我这渣渣服务器配置太低，都是图形处理，人一多就应付不过来了。
还有我的代码也有好多需要优化的地方，晚上回去好好整整流程优化一下。 |
|
28
|
 |
29
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); } |
 |
32
图太大了 ...
|
|
33
@zdnyp
js 扔服务器上，随便搞个界面 function loadImg(){ var img = new Image(); img.src = 'xxx.jpg'; img.onload = function(){ initAndDrawText(img); } } |
 |
34
可以的，点个赞
|
 |
35
域名有点吊
|
 |
36
又是请稍后
 |
 |
38
绘制中那个动画
竟然没有水平居中... |
 |
39
用那个语言开发?
|
 |
40
厉害了
|
|
41
|
 |
42
域名不错
|
 |
43
 看得过去 |
 |
44
牛逼，三种结果，字符多点那么逼真
|
 |
45
不错不错 支持楼主一下子。
同时想问问楼主的 ssl 证书哪里申请的？免费的吗 |
 |
46
|
 |
48
有趣
|
 |
49
域名给赞，见到好几个这种图片转字符的，这个算是还原度辨识度比较高的了
|
 |
50
帮顶，有意思
|
Select Language