Matter js Body 精灵未在 Firefox 中显示

Question

我的 matter.js 代码在 safari 和 chrome 中完美运行，但我已经在 firefox 中测试过，它没有显示任何纹理。我没有错误信息。 ¿有什么办法可以修复它还是我错过了什么？

var myCanvas = document.getElementById('world');
var engine = Matter.Engine.create();
var world = engine.world;
var Body = Matter.Body;
var Events = Matter.Events;
var render = Matter.Render.create({
  canvas: myCanvas,
  element: document.getElementById("world_wrapper"),
  engine: engine,
  options: {
    width: window.innerWidth,
    height: window.innerHeight,
    background: '#FFF',
    wireframes: false,
    showAngleIndicator: false
  }
});


// This is one of the bodies

var letter_t = Matter.Bodies.rectangle(window.innerWidth/2 - 300, random_y, 94, 72, {
  density: density,
  friction: friction,
  frictionAir: frictionAir,
  restitution: restitution,
  render: {
    sprite: {
      texture: 'externalassets/t.svg',
      xScale: scale,
      yScale: scale,
    }
  }
});

Matter.World.add(world, letter_t);

Answer 1

找到问题了！！！而且是那么的清晰……不过我终于找到了。只是 firefox 不能将 svg 文件作为纹理处理。如果您想使用透明文件，只需使用 png。

Matter js Body 精灵未在 Firefox 中显示

Matter js Body sprite not displaying in firefox

javascript

matter.js