Correct orientation?

[emrosenf]

Sorry for the elementary question. I'm following the example from fonttest to turn a text string into an SVG path. When you load the resulting SVG file in the browser, the glyphs are flipped.

I understand that by convention, the y-axis for SVG points downward whereas for fonts it points upward. My question is: what is the best way to work with the path data so that the glyphs appear with proper orientation? Can I generate the path data so that it appears right-side-up to begin with Should I wrap everything in a <g transform="scale(1,-1)">?

[pixarbasim]

I am facing the same problem. @emrosenf What solution did you arrive at for this?

[Pomax]

this is how fonts work: the coordinate system in OpenType is flipped with respect to SVG's coordinate system. Just use a <g> transform to flip things as needed.

[AgainPsychoX]

How about flipping while printing to canvas?

I know it can be done, but its troublesome... My current code looks like this, and its not nice:

		canvasContext.translate(0, 64);
		canvasContext.scale(1, -1);
		glyph.render(canvasContext, 64);
		canvasContext.scale(1, -1);
		canvasContext.translate(0, -64);

IMO, it should be done by default while rendering onto canvas.