cocos creator 实现截屏截图切割转成 base64分享--facebook小游戏截图base64分享,微信小游戏截图分享【白玉无冰】每天进步一点点

facebook小游戏分享的时候要传图片的base64码这个参数，有时需求是要截屏分享，让我们一起探索如何截屏吧。

何时截屏

我们要在游戏渲染完一次后截屏，cocos creator 提供了cc.Director.EVENT_AFTER_DRAW事件，这个事件是在渲染过程之后所触发的事件。由于我们只要触发一次截屏，只需要监听一次事件。

cc.director.once(cc.Director.EVENT_AFTER_DRAW, () => {//此处开始执行截屏
});

获取游戏canvas

游戏的画布可以通过cc.game.canvas获取，再调用canvas.toDataURL("image/png")就可以获取整个游戏屏幕的base64码了。

    const canvas = cc.game.canvas;const base64 = canvas.toDataURL("image/png");

截取所需区域

有时我们不需要整个屏幕的，而是要截取其中的一部分。这时我们可以通过创建新的const new_canvas = document.createElement('canvas'),把旧的canvas的图切一部分放在新的new_canvas上，再调用new_canvas.toDataURL("image/png")，获取新的base64码。
[外链图

cocos creator 实现截屏截图切割转成 base64分享--facebook小游戏截图base64分享,微信小游戏截图分享【白玉无冰】每天进步一点点相关推荐

cocos creator 3D截屏
cocos creator 在 2.x 与 3.x 的截屏的实现原理差不多,都是利用摄像机做离屏渲染,但在实际代码接口方面有一些改变, 而这两个版本都有官方的demo提供,能够满足一般的应用. 在3D ...
计算机图片怎么截图快捷键,电脑截图快捷键四种截屏方式,笔记本电脑如何截屏截图？...
电脑截图快捷键四种截屏方式,笔记本电脑如何截屏截图? 网际百科资讯知识宝库 2020-3-18 43955 0评论电脑截图快捷键四种截屏方式,笔记本电脑如何截屏截图?给你推 ...
电脑如何长截屏截图_您的意见很重要-截屏技术调查
电脑如何长截屏截图 Hi Dear Reader, I'd like you to SOUND OFF. 嗨,亲爱的读者,我想请你声音清醒. As you may know, part of my j ...
酷派android手机怎么截屏,酷派手机怎么截屏啊第一页：安卓怎么截屏,截图在哪？安卓手机截...
酷派手机怎么截屏啊第一页:安卓怎么截屏,截图在哪?安卓手机截图快捷键功能详解第二页:三星手机怎么截图_三星手机截图快捷键组合第三页:华为手机怎么截图_华为截图方法2第四页:Htcone(M7)_Ht ...
树莓派(Raspberry Pi)中如何截图截屏(截图)
树莓派(Raspberry Pi)中截图截屏(截图) 需要使用scrot软件,在Raspberry Pi OS安装过程中,如果你选择的是Raspberry Pi OS with Desktop and ...
cocos creator | 用摄像机实现残影幻影拖尾效果，camera 教学,【白玉无冰】每天进步一点点
超级幻影了解一下? 基本原理利用摄像机拍摄角色,然后投影到多个显示画布,给画布节点设置不同的透明度,最后让画布节点跟随角色移动. 创建角色和摄像机创建一个新的typescript项目. 创建一个角 ...
都是熟人！白玉无冰再度领衔，下周广州见丨Cocos Star Meetings
时隔近一年,「Cocos Star Meetings」再回广州!4月10日(下周日)下午14:30,熟悉的老朋友.新鲜的 New Blood,约你一起来轰趴! 「Cocos Star Meetings ...
家用电脑设置成小程序服务器,电脑微信小程序设置全屏的方法是什么
电脑微信小程序设置全屏的方法是什么方法:首先配置小程序resizeable的参数设置为true,这样操作可以在电脑端打开一个较大的横向窗口显示,屏幕大小是1024乘以768的,然后再按下全屏按钮,便 ...
Android截屏截图的几种方法总结
Android截屏 Android截屏的原理:获取具体需要截屏的区域的Bitmap,然后绘制在画布上,保存为图片后进行分享或者其它用途一.Activity截屏 1.截Activity界面(包含空白的 ...

cocos creator 实现截屏截图切割转成 base64分享--facebook小游戏截图base64分享,微信小游戏截图分享【白玉无冰】每天进步一点点

何时截屏

获取游戏canvas

截取所需区域

cocos creator 实现截屏截图切割转成 base64分享--facebook小游戏截图base64分享,微信小游戏截图分享【白玉无冰】每天进步一点点相关推荐

最新文章

热门文章