微信小程序推出 snapshot 生成海报组件,不用再手动绘制画布了

科技视野 20230916

  • 微信小程序

IT之家 9 月 14 日消息,制作过微信小程序生成海报功能的小伙伴都知道,这一功能一般是通过 canvas 画布绘制与服务端绘制 2 种方式实现,不过都需要手动编写脚本,制作起来也不是很方便。

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

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

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

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

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

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

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

  • 使用 wxml 绘制海报内容

  • 使用 snapshot 组件包裹海报的 wxml

  • 调用 takeSnapshot 获取图片数据

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

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

也就是说,用户可以像写小程序 UI 那样使用 wxml 来写海报布局,然后直接填充动态数据就可以了,这样易用性就大大提升,感兴趣的IT之家小伙伴可以在项目中尝试一下。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

查看全文

点赞

科技视野

作者最近更新

  • 称重传感器在工业领域的关键应用
    科技视野
    01-11 15:42
  • 新能源电动汽车传感器如何选型
    科技视野
    2024-12-26
  • 如何判断压力传感器是否损坏?
    科技视野
    2024-11-28

期刊订阅

相关推荐

  • 阿里云盘微信小程序上线:支持微信一键登录、好友分享、在线播放视频等

    2022-07-08

  • 小鹅拼拼“不拼了” 腾讯躲不过的“电商劫”

    2022-03-12

  • 名片全能王——多平台分发名片更方便

    2022-04-15

  • “通信行程卡”下线

    2022-12-12

评论0条评论

×
私信给科技视野

点击打开传感搜小程序 - 速览海量产品,精准对接供需

  • 收藏

  • 评论

  • 点赞

  • 分享

收藏文章×

已选择0个收藏夹

新建收藏夹
完成
创建收藏夹 ×
取消 保存

1.点击右上角

2.分享到“朋友圈”或“发送给好友”

×

微信扫一扫,分享到朋友圈

推荐使用浏览器内置分享功能

×

关注微信订阅号

关注微信订阅号,了解更多传感器动态

  • #{faceHtml}

    #{user_name}#{created_at}

    #{content}

    展开

    #{like_count} #{dislike_count} 查看评论 回复

    共#{comment_count}条评论

    加载更多

  • #{ahtml}#{created_at}

    #{content}

    展开

    #{like_count} #{dislike_count} #{reback} 回复

  • #{ahtml}#{created_at}

    #{content}

    展开

    #{like_count} #{dislike_count} 回复

  • 关闭
      广告