最近各種排版的微信小程序從最開始的“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并不是一無是處!