[SOLVED] Does SVG Loader support text?

user123 · September 11, 2018, 8:27pm

I have tried to load a very basic svg file which contains text, and it never displays the text, is this not supported?

For example I saved the svg found here…

and replaced the tiger svg in the exampes (https://threejs.org/examples/?q=svg#webgl_loader_svg) with that but it wont display. Am i missing something?

marquizzo · September 11, 2018, 9:15pm

You probably are missing something, but we can’t help you if you don’t show us your code! Could you upload a minimal example to http://jsfiddle.net/ ?

prisoner849 · September 12, 2018, 8:09am

Hi!
Have a look at the source code of THREE.SVGLoader()

github.com

mrdoob/three.js/blob/3e5b0f2727792cd200b177c42a5750322065bf31/examples/js/loaders/SVGLoader.js#L40


	parse: function ( text ) {


		function parseNode( node, style ) {


			if ( node.nodeType !== 1 ) return;


			var transform = getNodeTransform( node );


			var path = null;


			switch ( node.nodeName ) {


				case 'svg':
					break;


				case 'g':
					style = parseStyle( node, style );
					break;


				case 'path':
					style = parseStyle( node, style );

The loader simply doesn’t parse that text node.
If to trust this article, SVG processes the rendering of text internally:
Each glyph consists of some sort of identifier (in some cases a string, in other cases a number) along with drawing instructions for rendering that particular glyph.

In your case, may be you can combine/extend this loader with THREE.FontLoader() and THREE.Font() somehow, getting something like that of the text from svg:
https://threejs.org/examples/?q=text#webgl_geometry_text_shapes

user123 · September 13, 2018, 5:29pm

Thanks alot for the response and confirming what I thought.

prisoner849 · September 13, 2018, 7:33pm

You’re welcome

Topic		Replies	Views
SVGLoader doesn't support Text tags Questions svg , text , svg-loader	10	329	December 9, 2023
Animation of Text Questions loaders , text , font-loader	2	2799	July 26, 2017
SVGLoader.parse() errors Questions svg , svg-loader	2	2038	March 18, 2021
"Pre-bake" or include SVG into threejs code so doesn't need to load dynamically Questions svg , svg-loader	7	592	September 16, 2020
SVG not render properly Questions textures , geometry	3	2234	November 20, 2021

[SOLVED] Does SVG Loader support text?

Related Topics