V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
TheZihanGu
V2EX  ›  程序员

为了方便生成灰白头像,我写了一个转换网页...

  •  
  •   TheZihanGu · 2020-04-04 10:06:06 +08:00 · 5245 次点击
    这是一个创建于 1721 天前的主题,其中的信息可能已经有所发展或是发生改变。

    各位大佬早上好...
    因为显而易见的原因,很多人都换上了灰白色的头像表示哀悼。
    为了方便那些想更换为灰白色头像但又没有 PhotoShop 等工具的人,我在昨晚花了写出了一个接口和网页。
    使用方法也很简单,只需要上传图片,再访问给出的链接,保存即可。
    链接:mourn.zihangu.com
    由于写的比较着急,可能会有很多问题。如果你恰巧碰到了,请在评论中进行反馈。
    愿逝者安息,愿生者奋发,愿祖国昌盛。
    (然后发现 V2EX 昨晚就有人写好发帖了...
    实现原理:NodeJS 做后端,接收 POST 请求处理存放在目录下并返回链接。接收到 GET 请求通过 gm 模块对图像进行灰白处理,然后发送给浏览器。

    25 条回复    2020-04-04 22:00:09 +08:00
    yeshang
        1
    yeshang  
       2020-04-04 10:16:04 +08:00
    网站 加一段 css 就可以了.
    yeshang
        2
    yeshang  
       2020-04-04 10:16:21 +08:00
    我错了
    TheZihanGu
        3
    TheZihanGu  
    OP
       2020-04-04 10:21:36 +08:00
    @yeshang 转换图片的...
    580a388da131
        4
    580a388da131  
       2020-04-04 10:34:14 +08:00
    我很好奇你们为什么不浏览器处理,服务器多费流量,速度还慢。
    coolcoffee
        5
    coolcoffee  
       2020-04-04 10:36:09 +08:00   ❤️ 1
    css 的 filter: grayscale(1) 好像就可以变黑白
    oumiga233
        6
    oumiga233  
       2020-04-04 10:44:24 +08:00 via Android   ❤️ 2
    其實手機相冊的編輯功能裡面有,把飽和度降到最低就行了
    coolcoffee
        7
    coolcoffee  
       2020-04-04 10:49:23 +08:00
    我把自己想象成网站管理员了,忽略上面回复。

    浏览器 canvas 就可以直接实现图片变色,简单点的话应该就是读取全部像素点转换一下。复杂一点的可以用 webgl 滤镜。

    网上随便找了个 demo,https://jsfiddle.net/yckart/h00Lp4x8/。
    redbuck
        8
    redbuck  
       2020-04-04 11:03:48 +08:00
    楼上+1.

    canvas 直接本地转。
    还可以用 css 变色之后套 svg 里输出成图片
    Zhengqing
        9
    Zhengqing  
       2020-04-04 11:44:06 +08:00 via iPhone
    直接相册加个黑白滤镜就好啊😂
    xiaomingVTEX
        10
    xiaomingVTEX  
       2020-04-04 12:05:37 +08:00
    加个还原功能
    metrxqin
        11
    metrxqin  
       2020-04-04 12:48:36 +08:00
    >>> 然后发现 V2EX 昨晚就有人写好发帖了

    老哥,你在说我吗? (逃
    iwanttofly
        12
    iwanttofly  
       2020-04-04 13:03:37 +08:00
    ... 其实在手机相册里面加个滤镜更快吧
    nnz
        13
    nnz  
       2020-04-04 13:04:47 +08:00
    博客已置为黑白色 https://bytebye.com/
    xiaokiku
        14
    xiaokiku  
       2020-04-04 13:08:42 +08:00 via iPhone
    显示设备调成灰度不好吗?默哀是自己的
    mcone
        15
    mcone  
       2020-04-04 13:11:54 +08:00   ❤️ 1
    @Livid 楼上的 @nnz 近期几乎所有回帖都是自己的博客链接,这也太过分了……
    Elephant696
        16
    Elephant696  
       2020-04-04 13:15:12 +08:00   ❤️ 2
    到底是为了缅怀呢还是为了跟风啊。把自己的头像变成黑白是什么操作。。。真服了。
    isukkaw
        17
    isukkaw  
       2020-04-04 13:26:07 +08:00 via Android
    @mcone #15 要不你把他博客 D 死了他就不发了
    izoabr
        18
    izoabr  
       2020-04-04 13:43:10 +08:00
    直接二值化就好了吧
    yanfany
        19
    yanfany  
       2020-04-04 13:54:38 +08:00
    在一个帖子刚回,结果又看见 16# 。。。再重复一遍:16#,你要怎么区分缅怀还是跟风呢,你可以指着任何一个用灰头像的人说他是跟风,因为灰头像是一个群体行为,都能说是“跟风”。虽然我认为缅怀有很多种方式,不是一定要用灰头像,心中默哀也可以,我也没换头像,但是我不会认为今天一些换了头像的人,他们是在跟风而不是表达哀悼,这是人性中的善。另外,头像是自己照片的当然不适合变灰,但是很多人的头像是卡通或者风景,会灰了又不犯忌讳,怎么就服了?
    Livid
        20
    Livid  
    MOD
       2020-04-04 14:02:02 +08:00 via iPhone
    @mcone 谢谢。已经处理那个 spam 账号。
    TheZihanGu
        21
    TheZihanGu  
    OP
       2020-04-04 16:58:12 +08:00
    @metrxqin hhh 对,因为我早上准备发新主题的时候就看到你的了
    TheZihanGu
        22
    TheZihanGu  
    OP
       2020-04-04 17:00:05 +08:00
    @coolcoffee 您给的这 demo 已经 404 了啊...参考不了了😂
    coolcoffee
        23
    coolcoffee  
       2020-04-04 20:50:06 +08:00
    @TheZihanGu 刚刚的那个链接把逗号也识别进去了。


    https://jsfiddle.net/yckart/h00Lp4x8/
    pytth
        24
    pytth  
       2020-04-04 21:40:33 +08:00
    TheZihanGu
        25
    TheZihanGu  
    OP
       2020-04-04 22:00:09 +08:00
    @pytth 我这个是头像转灰白,而不是网页转黑白,请不要误解。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4970 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 09:39 · PVG 17:39 · LAX 01:39 · JFK 04:39
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.