PIXI js-像素数据为零

时间:2018-11-18 19:52:55

标签: html5-canvas pixi.js

我目前正在使用Pixi.js(https://github.com/pixijs)开发一款用JS编写的小游戏。当前发生了一个问题,我正在尝试实现形状之间的像素精确碰撞,而在进行一点编程时,我注意到图像的所有像素RBGA值都仅为0。 我在网上搜索了一段时间,但发现这些问题的唯一原因是画布由于CORS(Pixel RGB values are all zero)而变脏。

但这并不是我的理由,因为我是我自己创建的sprite,不是从其他(任何)域或类似的域中加载它们。

这可能是图像问题吗?我该如何避免呢?如果使用其他图片(我下载用于测试的某些图片),我将附加一些有效的代码。

const app = new PIXI.Application({width: 500, height: 500});
document.body.appendChild(app.view);
PIXI.loader.add("sprites/test.png")
.load(() => {
 let img =  new PIXI.Sprite(PIXI.loader.resources["sprites/test.png"].texture);
 app.stage.addChild(img);
 console.log(app.renderer.extract.pixels(img));
});

编辑:我尝试使用简短的Java程序btw获取RGBA值,同样的问题。每个值都是零。

0 个答案:

没有答案