微信小程式推出 snapshot 產生海報元件，不用再手動繪製畫布了

本站9 月14 日訊息，製作過微信小程式產生海報功能的小夥伴都知道，這項功能一般是透過 canvas 畫布繪製與服務端繪製2 種方式實現，不過都需要手動編寫腳本，製作起來也不是很方便。

為了滿足小程式高效產生海報的需求，微信宣佈在 Skyline 渲染引擎中推出 snapshot 元件，快速解決複雜排版、超長海報等繪圖難題。

據介紹，比較現有的canvas 繪製與服務端繪製的方式，snapshot 元件具有以下優勢：

• 輕鬆應對複雜排版，如圓角、百分比、自訂字體等樣式均可輕鬆調整

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

• 呼叫方式簡單，直接使用wxml 實作

#▲ snapshot 元件產生海報並保存本機，圖來源「微信開發者」公眾號

另外，使用快照元件完成小程式產生海報並儲存到本機的完整過程也非常簡單：

• 使用wxml 來繪製海報的內容

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

• 呼叫takeSnapshot 取得圖片資料

• 呼叫#fs.writeFileSync 將海報資料寫入本機檔案

• 呼叫wx.saveImageToPhotosAlbum 將海報儲存到本機

也就是說，使用者可以像寫小程式UI 一樣使用 wxml 來寫海報佈局，然後直接填入動態資料就可以了，這樣易用性就大大提升，感興趣的本站小夥伴可以在專案中嘗試一下。

廣告聲明：本文中包含對外跳轉連結（包括但不限於超連結、二維碼、口令等形式），旨在提供更多信息，節省篩選時間，僅供參考之用。請注意，本站的所有文章均包含此聲明

以上是微信小程式推出 snapshot 產生海報元件，不用再手動繪製畫布了的詳細內容。更多資訊請關注PHP中文網其他相關文章！