I know how to load SVG textures just by simply using BABYLON.Texture() but I’m wondering how I can change colour of some of the elements in the SVG in realtime? Say there is a circle in the SVG. I’d like users to be able to change colour of the circle. Does anyone know how to do this? I know how…

All good! I found a way :slight_smile: (after loading file via Ajax into variable “xml”) var svg = xml.documentElement; var s = new XMLSerializer().serializeToString(svg); var encodedData = “data:image/svg+xml;base64,”+window.btoa(s); var texture = BABYLON.Texture.LoadFromDataString(“svg”, enc…

Change SVG texture in realtime

Questions

Deltakosh March 8, 2019, 1:19am 6

even better!

How to draw an SVG from a string to the fullscreen UI?

Topic		Replies	Views
Load SVG on mesh as texture Questions	6	2721	August 5, 2024
Using SVG code saved within a variable as a texture Questions texture	5	1409	June 23, 2022
Is it possible to create texture from SVG data URL in Babylon Native? Questions native , texture , svg	5	623	June 14, 2022
Problems with SVG textures in 5.21.0 Bugs texture , svg	5	524	August 29, 2022
Dynamic SVG texture loading fails using WebGPU (but works using WebGL) Questions webgpu , svg	3	701	May 24, 2023

Change SVG texture in realtime

Related topics