最近各種排版的微信小程序從最開始的“2018我的毒故事”到“高考”小程序，把朋友圈火了一個遍。盡管現(xiàn)在微信沒有開放從小程序轉(zhuǎn)發(fā)朋友圈的接口，但是大家為了炫耀浮夸的“自我認(rèn)知”，非常愿意進(jìn)行復(fù)雜的操作完成分享流程。

無論是“毒故事”還是“高考”都是服務(wù)器或者是后端生成了圖片之后，讓小程序下載圖片進(jìn)行展示。這個好處就是完全不用考慮適配的問題，但是這完全拋棄了小程序的canvas畫圖api。而且機(jī)動性太差，每次添加一個素材都需要很大的維護(hù)成本。

在這里分析一個完全用微信自帶的api完成的文本展示小程序：翔球王足球答題。這名字令人印象深刻啊。。。

他們的圖是這樣的：

這些圖完全是根據(jù)圖片的位置以及字體的大小高度來計(jì)算擺放的。

這個實(shí)現(xiàn)方式的思路倒是不復(fù)雜，只需要根據(jù)正則表達(dá)式去匹配對應(yīng)的h5標(biāo)簽，對字體的寬和高進(jìn)行計(jì)算即可實(shí)現(xiàn)。

有了這個小程序的示例，也給了開發(fā)者一些信心。原來微信的自帶canvas并不是一無是處！