SVGs are not displayed in Firefox

We are drawing several SVGs in a Cesium’s map. If the SVG is very simple, everything looks fine. But if the SVG is a bit complex, it is not displayed in Firefox (Chrome and Safari are able to draw the images correctly).

This small example reproduces the problem when it is executed in Firefox:

var viewer = new Cesium.Viewer(‘cesiumContainer’);

var svg =‘data:image/svg+xml,’ +

       '<svg width="100%" height="100%" viewBox="0 0 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg">';

svg += ‘’;

svg += ‘’;

var image = new Image();

image.src = svg;

viewer.entities.add({

position : Cesium.Cartesian3.fromDegrees(-85, 40),

billboard :{

   image : image

}

});

``

Regards,

Jorge

Hello Jorge,

Thanks for including the code example! I created an issue on our GitHub so we can look into this further: https://github.com/AnalyticalGraphicsInc/cesium/issues/3886

Best,

Hannah