cocos creator h5截取当前屏幕

看海_

已于 2022-09-01 11:42:09 修改

阅读量503

点赞数

CC 4.0 BY-SA版权

文章标签： js creator

于 2020-04-22 09:52:07 首次发布

本文链接：https://blog.csdn.net/zhuangmszhuangms/article/details/105674885

本文介绍了一种使用Cocos Creator引擎获取屏幕截图并转换为Base64编码的方法，同时也展示了如何将网络上的图片下载并转换为Base64格式。这对于需要在网络上传输图片或在内存中存储图片的应用场景非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//获取当前屏幕截图base64
static getScreenCapture(callback:Function, type?:string, quality:number=0.92){
    cc.director.once(cc.Director.EVENT_AFTER_DRAW, () => {
        let canvas = document.getElementById('GameCanvas') as HTMLCanvasElement;
        let base64 = canvas.toDataURL(type,quality);
        base64 = base64.replace(/^data:image\/(png|jpg|jpeg);base64,/, "")
        callback(base64);
    });
}

//网络图片转化为base64
static urlImageToBase64(url, callback:Function){
    var image = new Image();
    image.setAttribute('crossOrigin', 'anonymous');
    image.src = url;
    image.onload = function() {
        var canvas = document.createElement("canvas");
        canvas.width = image.width;
        canvas.height = image.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(image, 0, 0);
        var dataURL = canvas.toDataURL("image/png");
        let base64 = dataURL.replace(/^data:image\/(png|jpg|jpeg);base64,/, "");
        callback(base64);
    }
}