c++ - 在 FTGL 中正确定位字体的 y 轴

Question

昨天，我纠结how to render FTGL font in a window whose origin is at top-left .

保留这种正字法设置使我很难正确对齐 FTGL字体，尤其是在y 轴

void enable2D(int w, int h)
{
    winWidth = w;
    winHeight = h;

    glViewport(0, 0, w, h);

    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
    glOrtho(0, w, h, 0, 0, 1);
    glMatrixMode(GL_MODELVIEW);
}

然后渲染成这样:

glPushMatrix();
    glTranslated(X, Y + font.LineHeight(), 0);
    glScalef(1, -1, 0); //reverse scaling of y
    font.Render(str);
glPopMatrix();

我尝试测量不同字体的边界框，但结果不一致。

他们在这里:

注意盒子的 y 位置不一致

还有代码:

glClear(GL_COLOR_BUFFER_BIT);
glMatrixMode(GL_MODELVIEW);
glLoadIdentity();

///Draw the fonts
for (int i = 0;i < N; ++i)
{
    auto &X = x[i];
    auto &Y = y[i];
    auto &font = fonts[i];

    glColor3ub(0, 0, 0);
    glPushMatrix();
        glTranslated(X, Y + font.LineHeight(), 0);
        glScalef(1, -1, 0);
        font.Render(str);
    glPopMatrix();
}

///Draw the boxes
for (int i = 0;i < N; ++i)
{
    auto &X = x[i];
    auto &Y = y[i];
    auto &box = boxes[i];

    glColor3ub(255, 0, 0);
    glPushMatrix();
        glTranslated(X, Y, 0);
        glBegin(GL_LINE_LOOP);
        glVertex2f(box.Lower().X(),                   -box.Lower().Y());                       //top-left
        glVertex2f(box.Upper().X() - box.Lower().X(), -box.Lower().Y());                       //top-right
        glVertex2f(box.Upper().X() - box.Lower().X(), +box.Upper().Y() - box.Lower().Y() * 2); //bottom-right
        glVertex2f(box.Lower().X(),                   +box.Upper().Y() - box.Lower().Y() * 2); //bottom-left
        glEnd();
    glPopMatrix();
}

但我想实现一个完全适合渲染字体的框，如下所示:

我只是手动调整一些值以使其适合

具体问题是，在这种设置下，如何计算渲染字体的y-position？

我不知道 FTGL::Descender() 做了什么，但我认为它与此有点相关？

我将接受任何讨论此类主题的链接作为答案。

Answer 1

但是，经过反复试验，我发现了我的错误。

盒子

首先，我在做这种坐标系时应该考虑到，盒子的最左边和最上面的部分应该设置为零，即:

glVertex2f( 0, 0 );
glVertex2f( w, 0 );
glVertex2f( w, h );
glVertex2f( 0, h );

所以我不需要担心其他事情。由此，我确保在将 font 转换为指定坐标时，它必须相对于左上角原点窗口(无填充、偏移等...)

字体

现在在字体部分进行翻译，我这样做:

float x_offset = (font.BBox(str).Lower().X() * font_scale);
float y_offset = (font.BBox(str).Upper().Y() * font_scale);

glPushMatrix();

    ///the coorinate should now be relative the box!
    glTranslatef( x - x_offset,
                  y + y_offset,
                  0
                );
    glScalef( font_scale, -font_scale, 0); //notice the negative in y

    font.Render(str);

glPopMatrix();

现在应该是这样的

绘制在方框外的字体 (#6)，可能是字体的样式问题。

谢谢!希望有人能帮上忙 :D

更新:

我之前的计算有误，无论如何，我更新了我的答案以便更准确。你可以看到我的变化 edit history .

更新:

这里还是有错误。 FTGL::BBox 仅返回当前文本的当前边界框，当最大字形高度不存在于当前字符串中时，高度可能会有所不同。我再次检查源代码，但找不到 yMax w/c 是它可以返回的最大高度。但是，我可以迭代所有可用的 glpyhs 并在那里获得最大高度，我认为 freetype 中已有一个函数已经可以做到这一点？有人知道吗？