微信小程序推出snapshot生成海報組件,不用再手動繪制畫布了
IT之家 9 月 14 日消息,制作過微信小程序生成海報功能的小伙伴都知道,這一功能一般是通過 canvas 畫布繪制與服務端繪制 2 種方式實現,不過都需要手動編寫腳本,制作起來也不是很方便。
為了滿足小程序高效生成海報的需求,微軟宣布在 Skyline 渲染引擎中推出 snapshot 組件,快速解決復雜排版、超長海報等繪制難題。
據介紹,對比現有的 canvas 繪制與服務端繪制的方式,snapshot 組件具有如下優勢:
輕松應對復雜排版,如圓角、百分比、自定義字體等樣式均可輕松調整
沒有寬高限制,支持超長海報的輸出
調用方式簡單,直接使用 wxml 實現
此外,通過 snapshot 組件完成小程序生成海報并保存本地的完整過程也非常簡單:
使用 wxml 繪制海報內容
使用 snapshot 組件包裹海報的 wxml
調用 takeSnapshot 獲取圖片數據
調用 fs.writeFileSync 將海報數據寫入本地文件
調用 wx.saveImageToPhotosAlbum 將海報保存到本地
也就是說,用戶可以像寫小程序 UI 那樣使用 wxml 來寫海報布局,然后直接填充動態數據就可以了,這樣易用性就大大提升,感興趣的IT之家小伙伴可以在項目中嘗試一下。
- 電阻色環表怎么算(簡單易懂的計算方法)06-20
- 美的空調故障顯示e3(如何自行解決)09-20
- 日立中央空調顯示報警(如何解決常見故障)08-21
-
朗吉空調售后服務(朗吉空調售后服務:如何確保您的空調系統得到最佳維護和
2024-08-27
-
AKL空調清洗服務電話(如何獲取AKL空調清洗服務的聯系電話?)
2024-08-27
-
全國首部!上海對中小學校外實踐教育立法,將建“場所資源庫”
2024-08-27
-
GRAD空調售后電話(如何獲取GRAD空調售后服務的聯系電話?)
2024-08-27
-
HSTARS空調移機(如何正確進行HSTARS空調移機操作?)
2024-08-27