前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >web 平台二维码自动生成及节点截图!

web 平台二维码自动生成及节点截图!

作者头像
一枚小工
发布2020-07-28 15:39:47
7660
发布2020-07-28 15:39:47
举报
文章被收录于专栏:Cocos Creator开发

一、动态二维码生成

1. 库引用

主要使用到 qrcode 库,分享的工程内已经有了,作为插件导入到新工程内即可。

2. 组件设置

创建个空节点,设置好二维码显示的长宽,挂载 QRcode 组件和 Graphics 组件,把节点的锚点设置成 (0, 0)。

3. 动态生成

需要动态生成时,调用 QRcode 组件的 makeCode 方法,传入需要动态生成的字符串,二维码将会显示在上一步添加的节点上。

4. 实现原理

获取到二维码数据,根据节点的宽高,使用 Graphics 在节点区域内画出二维码。

二、节点截图

1. 实现原理

获取节点上的像素数据,新加一个 canvas,把节点及其子节点上所有的像素数据绘制到 canvas 上,通过 canvas 获取图片的 base64 数据。

2. 组件设置

添加个独立相机,专门针对需要截图的节点进行使用,把 Capture 组件添加到需要截图的节点上,相机关联到 Capture 组件上,这个可以避免有透明边沿的图截图出来把后面的像素数据也读出来了。

3. 组件使用

需要给节点截图,直接调用 Capture 组件的 capture 方法,就可以获取到图片的 base64 数据。

返回的数据,大概就是下面这个样子。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-07-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 一枚小工 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档