教你微信宣布小程序推出snapshot海报组件。

微信已在Skyline渲染引擎中引入Snapshot组件,帮助用户轻松处理复杂的页面布局和制作超长的海报,并能方便地将这些设计导出为图片并分享给他人。

为了满足小程序高效生成海报的需求,微信宣布在 Skyline 渲染引擎中推出 snapshot 组件,快速解决复杂排版、超长海报等绘制难题。

据介绍,对比现有的 canvas 绘制与服务端绘制的方式,snapshot 组件具有如下优势:

轻松应对复杂排版,如圆角、百分比、自定义字体等样式均可轻松调整

没有宽高限制,支持超长海报的输出

调用方式简单,直接使用 wxml 实现

▲ snapshot 组件生成海报并保存本地,图源“微信开发者”公众号

此外,通过 snapshot 组件完成小程序生成海报并保存本地的完整过程也非常简单:

使用 wxml 绘制海报内容

使用 snapshot 组件包裹海报的 wxml

调用 takeSnapshot 获取图片数据

调用 fs.writeFileSync 将海报数据写入本地文件

调用 wx.saveImageToPhotosAlbum 将海报保存到本地

上面就是小编为大家带来的微信宣布小程序推出snapshot海报组件的全部资讯,希望对大家能够有所帮助哦。