关键词：

最近在做录制回放的项目，录制回放中的校验是可以通过图片比对进行校验，所以需要获取Cocos中的图片完成接入和适配。参考了网上大多数文章，主要是通过截图方案实现的，代码如下所示：

var canvas = document.createElement("canvas");
var ctx = canvas.getContext('2d');
var img = new Image;
img.crossOrigin = 'Anonymous';
img.src = url;
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img, 0, 0);
var imageData = canvas.toDataURL('image/png');
canvas = null;

通过这个方式在web上是可以的，但是在mobile上就失效了。这时候另一个思路就是在获取到url以后，通过图片读取的方式获取图片数据，如下所示：

var imageData = jsb.fileUtils.getDataFromFile(url);
var dataArray = this.imageToBase64(imageData);

经验证，该方法同样可以获取到图片，只是性能上会有所损失。

参考文章

1、https://forum.cocos.org/t/texture/59377/31
2、https://cloud.tencent.com/developer/article/1611798
3、https://cloud.tencent.com/developer/article/1865667
4、https://blog.csdn.net/wwj256/article/details/114316997
5、https://discuss.cocos2d-x.org/t/converting-sprite-to-base64-data-url/44017
6、https://blog.csdn.net/lys_lingfeng/article/details/102863496

获取cocos图片(代码片段)

...放中的校验是可以通过图片比对进行校验，所以需要获取Cocos中的图片完成接入和适配。参考了网上大多数文章，主要是通过截图方案实现的，代码如下所示：varcanvas=document.createElement("canvas");varctx=canva... 查看详情

通过url动态获取图片大小方法总结(代码片段)

很多时候再项目中，我们往往需要先获取图片的大小再加载图片，但是某些特定场景，如用过cocos2d-js的人都知道，在它那里只能按比例缩放大小，是无法设置指定大小的图片的，这就是cocos2d-js的坑了，我们必须先获取图片大小... 查看详情

cocos制作血量条(代码片段)

...）新建一个精灵，type改成Filled，填充进血条的图片在js里获取这个精灵，修改这个精灵的fillStart属性constfillStart=0.8;cc.Class(extends:cc.Component,properties:blood:cc.Node,,onLoad() this.b 查看详情

cocos图片的选择以及压缩(代码片段)

...层(内存泄漏)。事实上，代码运行占用的内存是很低的，图片等资源的加载和使用占80%你所使用的的内存资源。在这里我们着重分析一下如何由图片减少内存的 查看详情

让sniper-mxnet从标准的coco格式数据集中直接使用file_name作为图片路径(代码片段)

...直接使用我们在生成.json标签时就已经写入的图片路径来获取图片。 需要做的，用以下代码替换SNIPER/lib/dataset/coco.py #-------------------------------------------------- 查看详情

coco漫画获取隐藏的图片链接

网站分析打开目标网站：https://www.cocomanhua.com/， 随便打开一部漫画：https://www.cocomanhua.com/10330/1/205.htmlF12打开工具开始分析先直接发送GET请求看是否可以拿到图片的下载链接继续查看源代码，找到突破口最后得到一个名为mh_in... 查看详情

cocos2d生成图片分割线(代码片段)

输入父亲节点和宽度偏移值，高度等参数，可以在父节点指定位置生成一个对于默认图片重复展开的分割线CommonUI.addRopeIntoPanel=function(panel,widthOffset,positionY,ropePngPath)ropePngPath=ropePngPath||"res/ui/new_common/n_title_ 查看详情

coco数据集的使用(代码片段)

...Pycocotools踩坑记COCO数据库简介微软发布的COCO数据库,除了图片以外还提供物体检测,分割(segmentation)和对图像的语义文本描述信息.COCO数据库的网址是:MSCOCOAPI-http://mscoco.org/Github网址-https://github.com/pdollar/coco关于API更多的细节在网站:... 查看详情

cocos2dxeffect(代码片段)

二、Waves3D波浪3D该函数实现的是波浪的actionclassCC_DLLCCWaves3Dpublic://获取和设置振幅的大小floatgetAmplitude(void);voidsetAmplitude(floatfAmplitude);//获取和设置振幅的频率floatgetAmplitudeRate(void);voidsetAmplitudeRate(floatfAmplit 查看详情

cocos常用组件(代码片段)

...节点上添加Sprite组件，就可以在场景中显示项目资源中的图片　　点击 属性检查器 下面的 添加组件 按钮，然后从 添加渲染组件 中选择 Sprite，即可添加Sprite组件到节点上【属 查看详情

cocos2dx内存优化(代码片段)

...化的对象纹理加载cocos2d里面纹理加载分为两个阶段：从图片文件中创建一个Image对象;以这个创建好的Image对象来创建Texture2D对象.加载纹理的文件io操作和纹理创建都是耗时的，需要避免一帧之内加载大量图片资源.因为不仅会导... 查看详情

cocos2dxactionanimate(代码片段)

...构造过程有多种方式，可以通过plist也可以通过直接设置图片的方式。 一、CCAnimationCache：animation的解析器通过addAnimationsWithFile(constchar*plist);可以将plist文件解析出里面的所有animation 查看详情

cocos2d：编写文本并从文本字段获取输入

嗨，我很难想象如何在Cocos2D游戏中显示简单的文字。我知道如何编写代码来显示图片和更改当前图片，但就是这样。谁能帮我这个？另外我知道创建一个文本字段需要UITextField但我究竟要在哪里实现代码呢？我在商店上课，如何... 查看详情

coco_04展示coco格式数据集目标框与分割mask(代码片段)

...目标框与类别2.2绘制分割mask3AppendixA.maskpolygon格式转化为图片格式参考1前言上篇文章介绍了如何制作COCO个数数据集的Dataset与Dataloader，并绘制了dataloader->batch的返回的信息，https://blog.csdn.net/qq_44776065/article/det 查看详情

cocos代码研究widget子类scrollview学习笔记(代码片段)

...，是否内部容器发生弹回(bounce)效果boolisBounceEnabled()const获取边界弹回(bounce)状 查看详情

制作coco数据集以在detectron框架上进行数据的训练(代码片段)

图片预处理首先，根据Detectron官方介绍,数据集一般为jpg格式，分辨率一般为800*600左右。在这里我们可以photoshop批量对图片进行处理使用labelImg对数据集进行标注。安装labelImg之后，打开文件目录，找到data文件夹下的predefined_classe... 查看详情

图片地址获取图片信息(代码片段)

通过get请求图片地址获取response信息lettype=res.header["content-type"]||res.header["Content-Type"]||‘‘;letsize=(res.header["content-length"]||res.header["Content-Length"]||0)  查看详情

cocos2d-x缓存机制(代码片段)

...tureCache，这里缓存的是加载到内存中的纹理资源，也就是图片资源。其原理是对加入缓存的纹理资源进行一次引用，使其引用计数加1，保持不被清除，而Cocos2d-x的渲染机制是可以重复使用同一份纹理在不同场合中进行渲染，从... 查看详情