walker4680
V2EX  ›  Java

如何动态生成推广海报,带用户头像、昵称、二维码那种?

  •  
  •   walker4680 · Jul 18, 2018 · 8006 views
    This topic created in 3034 days ago, the information mentioned may be changed or developed.

    如题,现在的疑问在于: 1,生成这种带动态内容海报的技术方案是怎么样的? 2,这件事应该前端开发来做还是后端开发来做?

    谢谢各位大佬了!

    24 replies  •  2018-07-19 19:17:45 +08:00
    MonoLogueChi
    MonoLogueChi
    Jul 18, 2018 via Android
    1
    就是动态网页
    AlisaDestiny
    AlisaDestiny
    Jul 18, 2018
    2
    不变的做成模板,变化的做成可配置的。so easy
    walker4680
    walker4680
    OP
    Jul 18, 2018
    3
    @MonoLogueChi 是海报图片啊,不是网页
    walker4680
    walker4680
    OP
    Jul 18, 2018
    4
    @AlisaDestiny 思路应该是这样,但到底如何做呢?就比如我的第二个问题,这件事是前台做还是后台做呢?
    bqbkbz
    bqbkbz
    Jul 18, 2018
    5
    后台做,关键字 bitmap,canvas
    yamedie
    yamedie
    Jul 18, 2018 via Android
    6
    前后配合做,关键字 微信 snsapi,accessToken,html2canvas
    walker4680
    walker4680
    OP
    Jul 18, 2018
    7
    @yamedie 感谢,从 html2canvas 搜索到一些有价值的东西
    walker4680
    walker4680
    OP
    Jul 18, 2018
    8
    后端做,关键词 Java 图像处理
    [参考链接]https://blog.csdn.net/u010197591/article/details/51536030
    gclove
    gclove
    Jul 18, 2018
    9
    这对后端来说都很简单呀

    只不过是在没有 头像,昵称的图片上 把头像 和 昵称放在图片上。
    然后保存图片即可
    airyland
    airyland
    Jul 18, 2018
    10
    后端做,但是如果仅仅是小程序里用可以前端做。后端也可以直接用 Phantom 或者 puppeteer 截图生成。
    yamedie
    yamedie
    Jul 18, 2018 via Android
    11
    @walker4680 回答一水的后端做,心凉。我做过 2 次类似的海报活动,全是前端生成的,一张海报几百 k,canvas 生成可以把带宽,存储和运算的压力全部转移到手机端哦。只有一点点跨域图片的坑,趟过就好了。
    seliote
    seliote
    Jul 18, 2018 via Android
    12
    之前用 PHP 做过,带用户昵称,圆形头像,二维码的。当时用的是直接后台拼图处理图片
    mingyun
    mingyun
    Jul 18, 2018
    13
    @seliote 用的什么库
    tuding
    tuding
    Jul 18, 2018
    14
    php 用 gd2 拼图, 二维码有现成的插件可以生成
    m939594960
    m939594960
    Jul 18, 2018
    15
    @mingyun 我以前也写过,用的这个库 https://packagist.org/packages/intervention/image
    m939594960
    m939594960
    Jul 18, 2018
    16
    @yamedie 我记得前端生成的话,用 canvas 好像有很多手机没办法保存成图片
    yamedie
    yamedie
    Jul 18, 2018 via Android
    17
    @m939594960 额,好像确实是,这个坑被我选择性遗忘了,base64 的图片,有些小米等牌子的低端机能显示但不能长按保存,坑了。。
    cnbattle
    cnbattle
    Jul 18, 2018 via Android
    19
    php 非常简单,内置图片合成,文字合成函数
    yaerda
    yaerda
    Jul 18, 2018 via Android
    20
    额,这两天刚写了个,直接小程序 canvas 画一个就可以,可以搜 小程序 canvas 二维码
    yaerda
    yaerda
    Jul 18, 2018 via Android
    21
    @yaerda canvas 画好后,调用 canvasToImage (好像差不多是这个),就可以保存了
    swkl86
    swkl86
    Jul 19, 2018 via Android
    22
    七牛接口相关了解下,很容易合成
    walker4680
    walker4680
    OP
    Jul 19, 2018
    23
    感谢各位的献计献策,我们最终的方案是:前端来合成最终的图片,需要从后台获取生成海报的动态内容数据。
    这样做的好处正如 @yamedie 所言,效率更高,也把运算负担转移给了前端;可能的缺陷在于,如果运营更改了海报样式,则前端必须重新发包。再次谢谢大家!
    walker4680
    walker4680
    OP
    Jul 19, 2018
    24
    @swkl86 能不能发一下介绍链接?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   750 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 44ms · UTC 23:03 · PVG 07:03 · LAX 15:03 · JFK 18:03
    ♥ Do have faith in what you're doing.