当前位置:

首页 > 业界资讯 > 微信小程序推出 snapshot 生成海报组件,不用再手动绘制画布了

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

本站9月14日消息,制作过微信小程序生成海报功能的小伙伴都知道,这一功能一般是通过canvas画布绘制与服务端绘制2种方式实现,不过都需要手动编写脚本,制作起来也不是很方便。为了满足小程序高效生成海报的需求,微信宣布在Skyline渲染引擎中推出snapshot组件,快速解决复杂排版、超长海报等绘制难题。据介绍,对比现有的canvas绘制与服务端绘制的方式,snapshot组件具有如下优势:轻松应对复杂排版,如圆角、百分比、自定义字体等样式均可轻松调整没有宽高限制,支持超长海报的输出调用方式简单,直接使用

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

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

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

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

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

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

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

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

另外,使用快照组件完成小程序生成海报并保存到本地的完整过程也非常简单:

  • 使用 wxml 来绘制海报的内容

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

  • 调用 takeSnapshot 获取图片数据

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

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

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

广告声明:本文中包含对外跳转链接(包括但不限于超链接、二维码、口令等形式),旨在提供更多信息,节省筛选时间,仅供参考之用。请注意,本站的所有文章均包含此声明

本文内容来源于互联网,如有侵权请联系删除。
作者最新文章
业界资讯 微信小程序
相关文章 更多
boss直聘怎么写自我评价
boss直聘怎么写自我评价

Boss直聘自我评价需紧扣岗位JD、量化成果、叠加精准身份标签、替换低效话术,并确保首句90字符内承载核心竞争力。 在Boss直聘平台,一份简历的自我评价部分如果缺乏抓力,往往意味着错失了黄金10秒。问题通常出在内容过于泛泛,没能精准对接招聘方的即时需求。那么,如何让这段文字成为你的“黄金广告位”?

QQ号怎么创邮箱
QQ号怎么创邮箱

不少朋友手上都有QQ号,但可能一直没想起来,其实它自带一个专属的、格式统一的“QQ号码@qq.com”邮箱,静待激活。激活过程也不复杂,一般就是确认协议、验证手机号,再设个密码的事儿。想操作的话,QQ客户端、官网或者微信小程序都行,选你顺手的方式即可。 如果你已经有个QQ号,但还没用过它的邮箱功能,

雨课堂网页版登陆官网
雨课堂网页版登陆官网

雨课堂官网为https://www.yuketang.cn/,支持网页端登录和微信小程序多端使用,提供课前预习、课中互动、课后复习全流程教学服务。 雨课堂的网页版登录入口到底在哪里?这几乎是每位初次接触该平台的师生都会问的问题。别急,下面我们就来完整梳理一下雨课堂系统的在线登录方法,以及最核心的官网

微信小程序怎么用?实用技巧分享
微信小程序怎么用?实用技巧分享

通过下拉聊天界面可快速访问最近使用和收藏的小程序,提升操作效率。

微信小程序卡顿解决方法与优化技巧
微信小程序卡顿解决方法与优化技巧

先清理微信缓存并关闭后台小程序,再检查网络、更新微信版本,限制小程序权限,最后重启设备并调整动画设置以提升运行流畅度。

Siri等明年!苹果WWDC25给AI交底:画小饼,继续熬
Siri等明年!苹果WWDC25给AI交底:画小饼,继续熬

不求速胜,熬吧。

比特现金未来:可扩展性与支付潜力
比特现金未来:可扩展性与支付潜力

比特现金(BCH)的未来发展前景看好。凭借其可扩展性、支付采用、价值存储、智能合约和坚实的社区支持,比特现金有望在多个领域取得显著发展,成为一种多功能且广泛使用的加密货币。

ACH总量10亿,价值与用途详解
ACH总量10亿,价值与用途详解

ACH 总共发行了 10 亿枚,用于支付网关费用、治理投票和质押奖励。ACH 基于 BEP-20 标准,采用 PoS 机制,可通过私募、公募和生态系统分配获取,其价值受服务需求、实用性和市场趋势影响,可在币安、火币等交易所购买。

Coinbase Pro设置指南:下载、登录与自定义
Coinbase Pro设置指南:下载、登录与自定义

Coinbase Pro 设置步骤:下载并安装软件后,打开并登录,点击右上角齿轮图标进入“首选项”。在首选项中,你可以调整界面、安全、通知、交易和API设置,完成后点击“保存”按钮确认更改。

IoTeX等基础设施如何赋能IoT生态
IoTeX等基础设施如何赋能IoT生态

IoTeX、DePHY和peaq是构建物联网生态系统的关键基础设施。IoTeX提供去中心化网络,确保物联网交易和数据的安全性。DePHY利用区块链技术实现频谱共享和自治管理。peaq促进设备间的数据标准化和共享。通过这些基础设施的协同作用,物联网生态系统实现了去中心化、安全、互操作性和自治,充分释放了物联网的潜力。

查看更多
精品专题 更多
装机必备
装机必备

正软商城装机必备专区,精选办公、浏览器、安全防护、影音播放、压缩解压、设计创作和系统工具等电脑常用正版软件,帮助用户快速完成新电脑软件配置。

Windows
Windows

正软商城Windows软件专区,汇集适用于Windows电脑的办公、设计、安全防护、影音播放、开发工具和系统优化软件,提供软件介绍、系统要求、正版授权及购买下载服务。

macOS软件
macOS软件

正软商城macOS软件专区,精选适用于Mac电脑的办公、设计、影音、效率、开发和系统工具,提供软件功能介绍、macOS兼容版本、正版授权及购买下载服务。

Mac软件 更多
灵活计算器
灵活计算器
macOS/iOS/Android

灵活计算器是一款笔记式算数应用,支持实时计算、动态关联和云端同步功能。记录、整理和输出之间的过渡会更自然,适合长期写作、做笔记或持续沉淀个人内容。

赤友清理大师
赤友清理大师
macOS

赤友清理大师是一款为 Mac 设计的智能清理优化工具,可精准扫描垃圾、大文件、重复文件等,释放磁盘空间。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

极度公式
极度公式
Windows/macOS/Linux

极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

WINDOWS 更多
Windows 10
Windows 10
Windows

Windows 10 是一款微软推出的经典操作系统,拥有硬件兼容性与多任务处理能力。它更偏向把系统状态查看和常用调节动作放在一起,适合需要持续观察和微调设备状态的场景。

极度公式
极度公式
Windows/macOS/Linux

极度公式是一款跨平台专业LaTeX公式识别编辑软件,支持OCR公式识别和多平台编辑。和使用说明,避免使用,享受完整功能与稳定支持。做扫描整理、文字提取和表格转换时,它能把识别后的处理步骤接得更顺,资料录入这类场景会省下不少时间。

密码键盘
密码键盘
Windows/macOS/iOS/Android

密码键盘是一款兼具安全性与便捷性的高效密码管理器。日常使用里的持续防护和信息管理会更突出,适合把安全控制放进长期使用流程中的场景。