Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像精灵不';用PIXI JS在我的画布上不显示_Javascript_Image_Canvas_Sprite_Pixi.js - Fatal编程技术网

Javascript 图像精灵不';用PIXI JS在我的画布上不显示

Javascript 图像精灵不';用PIXI JS在我的画布上不显示,javascript,image,canvas,sprite,pixi.js,Javascript,Image,Canvas,Sprite,Pixi.js,我的图像精灵(game.player_booba)没有出现,我不明白为什么。尽管它在x和y中的位置有所改变,但它并未出现 game.player_booba.init(); game.player_booba.sprite.image.addEventListener("load", (event) => { window.requestAnimationFrame(game.loop); }); 我的密码笔: 谢谢老实说,我不知道这个问题与PIXI有什么关系。您已将其包含到co

我的图像精灵(game.player_booba)没有出现,我不明白为什么。尽管它在x和y中的位置有所改变,但它并未出现

game.player_booba.init();
game.player_booba.sprite.image.addEventListener("load", (event) => {
  window.requestAnimationFrame(game.loop);

});
我的密码笔:


谢谢

老实说,我不知道这个问题与PIXI有什么关系。您已将其包含到codePen项目中,但从未实际使用过该库。所有渲染都直接使用本机2d画布api完成。角色精灵之所以没有在屏幕上绘制,是因为它绘制在画布上,而画布从未添加到DOM中。请看这一行

buffer = document.createElement("canvas").getContext("2d");
您正在创建一个canvas元素,然后将其2d上下文分配给变量“buffer”,但DOM元素从未实际添加到文档中。所以你需要这样做:

bufferCanvas = document.createElement("canvas");
buffer = bufferCanvas.getContext("2d");
window.document.body.appendChild(bufferCanvas);