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