CSS：如何在中间绘制带有文字的圆圈？
我在stackoverflow上找到了以下示例：
单独使用CSS绘制圆
太好了 但是我想知道如何修改该示例，以便可以在圆圈中间添加文本？
我还发现了这一点：[在CSS中以圆形为中心垂直和水平居中放置文本（例如iphone通知徽章）
但由于某种原因，它对我不起作用。当我创建以下测试代码时：
<div class="badge">1</div>
取而代之的是椭圆形。我正在尝试使用代码，以查看如何使它工作。
问题答案：
.circle {
width: 500px;
height: 500px;
border-radius: 50%;
font-size: 50px;
color: #fff;
line-height: 500px;
text-align: center;
background: #000
}
<div class="circle">Hello I am A Circle</div>
-
我在StackOverflow上找到了这个例子： 单独使用css绘制圆 这太好了。但是我想知道如何修改那个例子，这样我就可以在圆圈中间包含文本了？ 我还发现了这一点：在CSS（像iphone通知徽章）中垂直和水平居中的圆形文本 但出于某种原因，这对我不起作用。当我创建以下测试代码时： 我得到的不是圆形，而是椭圆形。我正在尝试使用代码，看看如何使其工作。
-
问题内容： 如何使用HTML5和CSS3画圆？ 也可以在其中放入文字吗？ 问题答案： 本身不能画一个圆。但是您可以制作与圆相同的东西。 您必须创建一个带有圆角（通过border-radius）的矩形，该圆角是要制作的圆的宽度/高度的一半。
-
问题内容： 是否可以仅使用可以在大多数浏览器（IE，Mozilla，Safari）上运行的css绘制圆？ 问题答案： 您可以将.before与带有unicode符号的内容一起用作圆圈（25CF）。 我建议这样做，因为边界半径在IE8及以下版本中将不起作用（我认识到这一建议有点儿想法）。
-
目前我正在使用Bresenham的圆圈绘制算法，它可以精细地绘制圆圈，但是我想要一种相对快速有效的方法来绘制具有指定厚度的圆圈（因为Bresenham的方法只绘制单个像素厚度）。我意识到我可以简单地绘制多个具有不同半径的圆圈，但我相信这将是非常低效的（并且效率很重要，因为这将在每微秒都很宝贵的Arduino上运行）。我目前使用以下代码： 我如何修改它以允许指定圆的厚度？PS我不想使用任何外部库，请
-
在java中，我有三个点，表示两条线和一个角度。现在我必须创建角度弧大约10个像素，除了公共点。在弧线上显示角度。我可以计算角度，但如何画弧线和显示弧线上的角度。请告诉我一些代码视图或链接，我可以找到解决方案。代码片段如下。 我不知道如何使用DrawArc来绘制我想要的精确的圆弧，也不知道如何在上面设置角度。 谢谢