Text is upside down

[arix2604]

Hello everyone,

I have followed the harfbuzzjs docs and implemented it but the outcome of text is upside down

const blob = hb.createBlob(fontBlob);
  const face = hb.createFace(blob, 0);
  const font = hb.createFont(face);
  console.log(font);
  font.setScale(46, 46); // Optional, if not given will be in font upem

  const buffer = hb.createBuffer();
  buffer.addText(text);
  buffer.guessSegmentProperties();

  // buffer.setDirection('ltr'); // optional as can be set by guessSegmentProperties also

  hb.shape(font, buffer); // features are not supported yet
  const result = buffer.json(text); /// ???????

  // returns glyphs paths, totally optional
  var glyphs = {};
  var pathTags = [];
  
  let cursorX = 0, cursorY = 0;
  result.forEach(function (glyph) {

    if (glyphs[glyph.g]) return;
    glyphs[glyph.g] = {
      name: font.glyphName(glyph.g),
      path: font.glyphToPath(glyph.g),
      json: font.glyphToJson(glyph.g)
    };
  });

  const finalResult = { shape: result, glyphs: glyphs, pathTags };
  return finalResult`

and the outcome for the text "hello" is

[khaledhosny]

Font Y coordinates and SVG Y coordinates go into opposite directions, so you want to flip everything vertically. See the demo for a (slightly complicated) example of how to do this.