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


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

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

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

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#/

 

下面是生成的效果圖

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM