首页 > 这种环形区域面积随数字改变而改变的效果如何用css实现?

这种环形区域面积随数字改变而改变的效果如何用css实现?

应用于移动端,主要是求一个实现思路,不知道如何入手。


这个只用css恐怕不能实现吧,可以考虑用canvas


纯CSS貌似会比较困难。

用canvas的画会比较简单。

主要用到函数

ctx.arc(x, y, r, startAngle, endAngle)

画圆弧并且填充就行了。


有好多各种图表框架,可以去搜一搜。
可以参考
http://echarts.baidu.com/demo.html#pie-doughnut
http://www.chartjs.org/docs/#doughnut-pie-chart-example-usage


https://bl.ocks.org/mbostock/4c5fad723c87d2fd8273
看看这个吧,一般都是用canvas画的。

【热门文章】
【热门文章】