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

2018-09-28 08:28:59 +08:00
 codinm

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

2445 次点击
所在节点    问与答
7 条回复
ilaipi
2018-09-28 09:30:36 +08:00
我目前想到的是用 google puppeteer 在后端渲染页面，然后截图返回给前端。

不知道现在业内通用的做法是什么
dark3212
2018-09-28 09:41:14 +08:00
我之前做过这个，一开始比较笨的办法是用 java 直接画图，各种坑，而且产品经常改卡片样式，改的想死。。。
后来做成页面，用 Selenium 加载截图缓存住，要改样式直接改网页就行了。
不知道大神们有没有更好的办法，
simple11
2018-09-28 09:42:55 +08:00
我猜大概是 canvas 吧
carpediemvv
2018-09-28 10:10:18 +08:00
非常简单，把 view 直接能获取到 bitmap。
carpediemvv
2018-09-28 10:16:27 +08:00
可以下载豆果美食 app 看看，里面的发布也是动态保存内容的模板图片
qiayue
2018-09-28 10:19:20 +08:00
在小程序里和 H5 里，一般都是前端用 canvas 画图后保存
SorcererXW
2018-09-28 12:48:02 +08:00
哪有那么复杂, 看看这个截图 https://i.loli.net/2018/09/28/5badb203a263a.jpg
很明显, 在你点下制作动态卡片地时候, 直接在界面上渲染出这个卡片. 等你要分享或者保存的时候, 转成 bitmap 来操作

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/493389

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX