微信小程序推出snapshot生成海報組件，不用再手動繪制畫布了

微信小程序推出snapshot生成海報組件，不用再手動繪制畫布了

IT之家 9 月 14 日消息，制作過微信小程序生成海報功能的小伙伴都知道，這一功能一般是通過 canvas 畫布繪制與服務端繪制 2 種方式實現，不過都需要手動編寫腳本，制作起來也不是很方便。

為了滿足小程序高效生成海報的需求，微軟宣布在 Skyline 渲染引擎中推出 snapshot 組件，快速解決復雜排版、超長海報等繪制難題。

據介紹，對比現有的 canvas 繪制與服務端繪制的方式，snapshot 組件具有如下優勢：

• 輕松應對復雜排版，如圓角、百分比、自定義字體等樣式均可輕松調整

• 沒有寬高限制，支持超長海報的輸出

• 調用方式簡單，直接使用 wxml 實現

▲ snapshot 組件生成海報并保存本地，圖源“微信開發者”公眾號

此外，通過 snapshot 組件完成小程序生成海報并保存本地的完整過程也非常簡單：

• 使用 wxml 繪制海報內容

• 使用 snapshot 組件包裹海報的 wxml

• 調用 takeSnapshot 獲取圖片數據

• 調用 fs.writeFileSync 將海報數據寫入本地文件

• 調用 wx.saveImageToPhotosAlbum 將海報保存到本地

也就是說，用戶可以像寫小程序 UI 那樣使用 wxml 來寫海報布局，然后直接填充動態數據就可以了，這樣易用性就大大提升，感興趣的IT之家小伙伴可以在項目中嘗試一下。