关于长微博的实现方法

This topic created in 4727 days ago, the information mentioned may be changed or developed.

一直对这个不太关心。今天看爱范儿的文章下面有个生成长微博，试了一下，发现可以生成图文格式的。请问这是如何实现的呢?是区域截图还是html直接生成的呢？

比如这篇生成的长微博 http://app.ifanr.com/changweibo/#305760

10 replies • 1970-01-01 08:00:00 +08:00

qiayue

PRO

Jun 20, 2013

我觉得跟我们 ui4app 生成发送到微博的长图片是一样的原理，直接用程序生成图片，把文字、图片画到画布上去

isayr

Jun 20, 2013

@qiayue 单独的图片或者文字感觉很容易，但是图文混排的话，有没有直接html 到图片这样的方式。

好像36kr的内容也可以这样生成，但是网上找了一圈。好像都没有一个好的解决方案。

F0ur

Jun 20, 2013

我也觉得区域截图的实现可能更复杂点，楼上说的代码生成图片的可能性更高

F0ur

Jun 20, 2013

zorceta

Jun 20, 2013

@isayr
@F0ur 原来看php gd库时看到的可以把一张图叠加到另一张图上再加上imagestring() 你们懂得

isayr

Jun 20, 2013

@zorceta gd库是可以叠加。但是要图文混排的话。不可能一段一段的取出来叠加吧

isayr

Jun 20, 2013

@F0ur 要截整个页面，实现方法很多。难道他们是程序生成一个排版好的页面，然后代码截整个页面，，然后保存成文件。。。。貌似这样最简单。。。

dreampuf

Jun 20, 2013

问题是排版，图文结合

- 基于浏览器渲染结果截图
- 手绘，我当时选择的就是手绘，好处是细节可控
- Python，PIL，Freetype
- 布局
- 图片处理，下载，缩放。。。
- 文本断行，中文符号处理，段落行尾空白寻最优

F0ur

Jun 20, 2013

@isayr 我也是这样想的，就是一个只有文章的页面调用，然后截图，这样最简单了

F0ur

Jun 20, 2013

@zorceta 图文混排的话因为不支持html，所以要写出一套解析规则，另外GD库对中文字的支持其实挺差的