Javascript 获取图像中圆圈内的响应文本

我试图得到一个圆圈内的文本，它的文本大小分别对应于它的外部div宽度。文本不应在每个宽度的圆圈外溢出，圆圈也应分别响应图像的宽度

文本字段是动态的，也是多语言的，因此在德语中它将是“Wärmflaschen”，因此圆也需要是固定的，就像在两种语言中一样，但文本大小应该与圆的大小一样

片段：

.em-site1 img{
宽度：100%
}
.em站点链接左块{
背景色：#eb8677；
不透明度：0.8；
文本对齐：居中；
颜色：白色；
空白：nowrap；
边界半径：50%；
填充：10%；
底部：5%；
位置：绝对位置；
左：30%；
}
.em站点链接左侧块h3{
利润率：5px-40px；
字号：1.9em；
}

布泰列斯河
布泰列斯河
布泰列斯河

这可以通过使用

css

中的

vw

功能来完成。 使用它进行实验，并确定视口中值的正确百分比。您可以使用下面的一个作为示例。确保将标记切换到段落标记

p{
字体大小：3.2vw；
字体大小：3.2vh；
}

您的wp需要身份验证，否则无法正确查看您的提琴。很抱歉@Ctc现在我已更新了我的提琴。我仍然收到一个身份验证错误，而且提琴看起来不正确）：它是正确的，因为我已尝试从另一台电脑打开它。可能是您应该努力刷新。没有javascript的动态文本是不可能的。CSS无法检测文本长度，然后在其周围绘制正方形（或圆形）。