在圆圈上设置文字 - 将其放在左上角

Question

好的，我们假设您在文档中有一个圆圈。

HTML

<div class="circle">
</div>

CSS

.circle {
    height: 500px;
    width: 500px;
    border-radius: 50%;
    background: #000;
}

现在，您要在圆圈上设置文字。有很多插件（curvedtext.js，arctext.js等），但没有一个清楚地解释如何更改文本设置的圆上的位置。假设我的声明是“Hello World！”设置在圆圈的顶部。如何使用curvestext或arctext将其更改为左侧或右侧，或者除了顶部和底部之外的任何其他内容？我在这些插件中遗漏了什么吗？我花了一些时间摆弄arctext并且不太了解它使用的几何。