I have a <svg> tag defined on the HTML page, so my JS code is as follows: let camera, scene, renderer; const loader = new THREE.TextureLoader(); const makeTexture = () => { const svg = document.getElementById('svg'); const svgData = (new XMLSerializer()).serializeToString(svg); const base64 =…

Ok, for some unclear reason I get better results if I make an image out of svg and then draw image to canvas and use canvas as a texture, so I’ll go with that. In terms of text sharpness, this solution sits somewhere in between of using svg in the texture loader and rendering text directly on canva…

Problem rendering SVG to Texture

Questions

tfoller January 21, 2021, 8:09am 5

Also doesn’t change anything

𝔽 How many ways to load a font in Three.js?

Topic		Replies	Views
Rendering svg to texture returns low quality image Questions textures , texture	1	70	April 8, 2025
SVG-based texture scaling Questions textures , loaders	15	3381	May 14, 2020
Any ideas why SVG texture does not show in Firefox? Questions textures	9	1221	March 8, 2025
Blurry texture with svg Questions texture	2	124	November 19, 2024
Background svg image Questions background	5	2053	June 10, 2020

Problem rendering SVG to Texture

Related topics