Change SVG texture in realtime

Questions
8

Ok, So here’s where I stand:

// create a variable to the path of the .xml or .svg file
var defaultSVG = “PATH TO FILE”;

$.get(defaultSVG , function(data) {

// @ozRocker code here
var svg = data.documentElement;
var s = new XMLSerializer().serializeToString(svg);
var encodedData = ‘data:image/svg+xml;base64,’ + window.btoa(s);
var texture = BABYLON.Texture.LoadFromDataString(‘data’ , encodedData, scene);

var meshPBR = new BABYLON.PBRMaterial(“meshPBR” , scene);
mesh.material = meshPBR;
meshPBR.albedoTexture = new BABYLON.Texture(texture , scene);
});

I can verify that the SVG code is loading and converting to an image by logging the svg and texture variables in the console. But I am still getting this error:

Uncaught TypeError: Cannot read property ‘width’ of null
at O (babylon.js:16)
at e.createTexture (babylon.js:16)
at new t (babylon.js:16)
at Object.success (“PATH TO BABYLON CODE”:119)
at u (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at k (jquery.min.js:2)
at XMLHttpRequest. (jquery.min.js:2)

Any idea why?

Drawing SVG content (text) into DynamicTexture doesn't work in Safari < v15