Q:

Matter js Body sprite not displaying in firefox

I have my matter.js code working perfectly in safari and chrome, but I have tested in firefox and it's not displaying any textures. I have no error messages. ¿Is there any way to fix it or is it something that I have missed?
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);

A:

I have find the problem!!! And it was so clear... But I finally found it. It is just that firefox can't process svg files as a texture. In case you want to use a file with transparency just use png.

