根据存储在本地资源上的数据绘制动画元素

Question

我的文件结构如下：

abc=25.0000000000
def=50.0000000000
ghi=75.0000000000
lmn=100.000000000
...

我想在我的网站上找到类似的内容：

文件中的数据每10秒更新一次。我想在网站上看到它也不会手动更新页面。

我该怎么做？纯HTML解决方案让我着迷，但我对一切都持开放态度。

Answer 1

您需要Javascript，要么立即加载文件，要么实时更新，请使用ajax调用每10秒获取一次值。然后使用带边框和边界半径的div来做圆圈，并使用clip-path: polygon(x1% y1%, x2% y2%, ...)隐藏div中的所有内容但是要显示的切片（多边形将是这样的：（50％0， 100％0，x％y％，50％50％）其中xy值绕圆圈运行，您可以使用三角函数从与文件中的值成比例的角度获取它们。