Hi all! I am experimenting with textures using a svg file as basis. The main rational is that the svg’s are generated from polygons on a back-end and sent to the client. I want to have the files for the textures in a cache and have small size if possible. From the examples I did, I understand the …

We use a canvas to convert the svg into a bitmap. But you can do it by yourself beforehand actually. So this way you can control the texture size (I recommend using a DynamicTexture)

It seems the width/height of the texture that is created comes from the width/height declared inside the .svg file: try to change the values in the file and see if that helps.

Indeed playing with the svg declared width and height helps! Thanks for the tip. Actually, it works up to a given limit. I increased the wdith/height by a factor 4 and it renders better but when I increase further, I got a black canvas.

I will dig further into this topic. I guess I can use the drawImage method on the 2D context to do so. Do you know if it accepts a string instead of a path file?

Texture from svg - bitmap sampling

Questions

Deltakosh March 22, 2021, 3:22pm 6

Both should work (base64)

Load SVG on mesh as texture

Topic		Replies	Views
How to get high quality resolution with basic texture loaded from svg? Questions material	3	606	August 9, 2021
SVG Sprite does not scale properly Questions	2	484	February 24, 2023
Load SVG on mesh as texture Questions	6	2880	August 5, 2024
Any suggestion for sampling node or sampling for non-square textures Questions material	2	498	October 11, 2021
Change SVG texture in realtime Questions	12	5567	May 23, 2023

Texture from svg - bitmap sampling

Related topics