Libgdx在飞行中画出一个光滑的环

Question

我需要动态画一个戒指。然而，在实践中，我使用ShapeRenderer绘制这样一个半径为32px且边界宽度为1px的小环，其结果很难看。与浏览器渲染结果相比，我给出了截图。

的CSS：

libgdx：

1. 如何使用CSS动态绘制环。 （准备不同尺寸的戒指纹理，但这与我原来的打算不符。）
2. 如何使用HTML5画布绘制具有特定线宽的圆环。

.numberCircle {
    border-radius: 50%;
     /* behavior: url(PIE.htc);  remove if you don't care about IE8 */

    width: 16px;
    height: 16px;
    /*padding: 8px;*/
    line-height: 16px;
    
    background: #fff;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    
    font: 8px Arial, sans-serif;
}

<div class="numberCircle">0</div>
<div class="numberCircle">1</div>

Answer 1

您可能想要的是启用抗锯齿，它在您初始化应用程序时启用。取自this answer：

在配置中启用抗锯齿：

对于桌面：

security

对于Android：

LwjglApplicationConfiguration config = new LwjglApplicationConfiguration();
config.samples = 2;
new LwjglApplication(new MyGdxGame(Helper.arrayList(arg)), config);

您可能还需要在应用程序中添加以下行：

AndroidApplicationConfiguration config = new AndroidApplicationConfiguration();
config.numSamples = 2;
initialize(new MyGdxGame(null), config);