對於小程序的分享, 除了分享給朋友, 好友群,是可以直接做到的, 但是要想擴大推廣範圍, 通過生成海報圖片, 將自己小程序碼帶進去,應該是目前我所知的好辦法了.

但是海報也不是那麽好搞.之前自己手寫出來的, 效果可以是可以,但問題還是百出,只能怪自己的技術還不到家......(加油).

昨天在逛小程序社區時,發現了一個海報插件.就動手試了試,效果還是讓我比較滿意的.

Wxml2Canvas https://github.com/wg-front/wxml2canvas(感謝大神的插件)

插件的文檔說的很詳細了, npm安裝的話, 在我這裏會出問題, 所以我去github上將源碼下載了下來, 將所需的JS文件放在了項目的canvasJS文件夾下.

因為公司的項目使用的wepy框架, 所以我這裏寫了兩份demo, 一份是原生的, 一份是wepy的, 最後的效果都是一樣的.

插入代碼有點多, 所以就上傳到了博客園文件裏了, 需要的道友可以去下載.

原生項目(是小程序代碼片段) https://files.cnblogs.com/files/yk95/posterTemp.zip

wepy項目()https://files.cnblogs.com/files/yk95/wepy-poster-test.zip

wepy項目,需要本地裝好環境,這裏就不多說了, 參考鏈接 https://tencent.github.io/wepy/document.html#/

下面是生成的效果圖

小程序(Wepy)--生成海報圖片