預(yù)熱
最近公司微信小程序中有生成海報(bào)的需求抽米，起初打算使用Canvas進(jìn)行手動(dòng)繪制播瞳，但是中間結(jié)果和過(guò)程不太順利狞谱，骨子里想著有沒(méi)有什么能偷懶的東西乃摹，果不其然，開(kāi)源讓世界更美好跟衅，在微信小程序論壇上找到了相關(guān)的主題帖,下面匯總一下孵睬；
正菜
主要使用的工具：一個(gè)是kujiale團(tuán)隊(duì)開(kāi)源的Painter小程序生成圖片庫(kù), 另一個(gè)是志軍（微信論壇昵稱）大哥開(kāi)源的配套Painter庫(kù)的可視化小程序海報(bào)生成工具（拖拽工具）,下面給出相關(guān)的git地址和微信論壇技術(shù)貼地址:
Painter git地址：https://github.com/Kujiale-Mobile/Painter
Painter 技術(shù)貼：https://developers.weixin.qq.com/community/develop/doc/000048447844f80b9107d64ab51006
可視化工具貼：https://developers.weixin.qq.com/community/develop/article/doc/000e222d9bcc305c5739c718d56813
可視化工具傳送門：https://lingxiaoyi.github.io/painter-custom-poster/
工具一覽：
使用說(shuō)明
使用大致流程（以Taro環(huán)境下開(kāi)發(fā)為例，本質(zhì)上來(lái)說(shuō)不限制框架）：
01.在您的微信小程序應(yīng)用中安裝Painter庫(kù)伶跷，安裝過(guò)程在 Painter 技術(shù)貼上已給出掰读，貼出部分截圖：
安裝過(guò)后（本人使用的是推薦的安裝方式），在您的框架中已應(yīng)用第三方組件的方式使用該組件叭莫，文件需要放在src文件夾下蹈集，部分截圖如下：
02.在圖形化界面上拖拽好你的頁(yè)面后（圖形界面提示還不太完善，需要你自己摸索個(gè)10分鐘）雇初，利用可視化工具生成對(duì)應(yīng)的JSON配置雾狈，并將JSON配置down下來(lái)，放在一個(gè)JS文件中抵皱，供Painter初始化使用善榛，其他的我們就可以繼續(xù)按照Painter技術(shù)貼來(lái)完成相關(guān)使用即可；
-
列表將JSON導(dǎo)出來(lái)呻畸，并存入到j(luò)s文件中移盆；
fd2ccb50-563d-4fdc-b476-6af1f8d3f636-image.png
-
存入到j(luò)son文件，提供配置伤为，正因?yàn)槿绱酥溲阋部梢詡魅胂嚓P(guān)的變量据途，從而動(dòng)態(tài)改變海報(bào)上信息；
9049f6e6-bf4a-41ec-b629-7da026269de6-image.png
-
變量使用方式
e141504b-2a32-4436-a32b-b70129e75417-image.png
突然結(jié)束
按照技術(shù)貼來(lái)就沒(méi)問(wèn)題啦叙甸，其實(shí)kujiale團(tuán)隊(duì)也提供了Taro Demo （各位大爺輕點(diǎn)）颖医，里面有部分初始化細(xì)節(jié)，這里就送上傳送門 裆蒸；
https://github.com/Kujiale-Mobile/Taro-Painter-Demo
鳴謝
再次感謝各位大佬熔萧，讓小弟又偷懶了一次！Ａ诺弧佛致！給位看官，去嘗試一下吧辙谜！
