V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
codinm
V2EX  ›  问与答

即刻的动态卡片怎么生成的?

  •  
  •   codinm · 2018-09-28 08:28:59 +08:00 · 2420 次点击
    这是一个创建于 2043 天前的主题,其中的信息可能已经有所发展或是发生改变。

    写一段文字,然后点击“动态卡片” 自动生成一张固定模版的图片 这样的操作如何实现?

    7 条回复    2018-09-28 12:48:02 +08:00
    ilaipi
        1
    ilaipi  
       2018-09-28 09:30:36 +08:00
    我目前想到的是用 google puppeteer 在后端渲染页面,然后截图返回给前端。

    不知道现在业内通用的做法是什么
    dark3212
        2
    dark3212  
       2018-09-28 09:41:14 +08:00
    我之前做过这个,一开始比较笨的办法是用 java 直接画图,各种坑,而且产品经常改卡片样式,改的想死。。。
    后来做成页面,用 Selenium 加载截图缓存住,要改样式直接改网页就行了。
    不知道大神们有没有更好的办法,
    simple11
        3
    simple11  
       2018-09-28 09:42:55 +08:00
    我猜大概是 canvas 吧
    carpediemvv
        4
    carpediemvv  
       2018-09-28 10:10:18 +08:00 via Android
    非常简单,把 view 直接能获取到 bitmap。
    carpediemvv
        5
    carpediemvv  
       2018-09-28 10:16:27 +08:00 via Android
    可以下载豆果美食 app 看看,里面的发布也是动态保存内容的模板图片
    qiayue
        6
    qiayue  
       2018-09-28 10:19:20 +08:00
    在小程序里和 H5 里,一般都是前端用 canvas 画图后保存
    SorcererXW
        7
    SorcererXW  
       2018-09-28 12:48:02 +08:00
    哪有那么复杂, 看看这个截图 https://i.loli.net/2018/09/28/5badb203a263a.jpg
    很明显, 在你点下制作动态卡片地时候, 直接在界面上渲染出这个卡片. 等你要分享或者保存的时候, 转成 bitmap 来操作
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1728 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 00:27 · PVG 08:27 · LAX 17:27 · JFK 20:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.