如何绘制圆圈并用颜色填充外边框

时间:2012-03-26 12:24:38

标签: javascript html css css3

我想知道是否有可能在CSS 2/3中实现这一目标(或者如果不可能,在JS中)。

事实上,我希望不是将它作为一个图像,而是用一个类来设置填充颜色的百分比(如果它不可能则用js设置)

enter image description here

感谢任何教程/帮助。

感谢。

2 个答案:

答案 0 :(得分:4)

使用css无法实现此结果。您必须使用canvas元素和http://paperjs.org/

之类的javascript框架

答案 1 :(得分:3)

您也可以使用SVG执行此操作。定义渐变,然后绘制圆弧,并使用渐变填充它。您还可以在路径上指定内联标记。