2012-03-26 78 views
2

我想知道是否有可能实现在CSS 2/3(或如果没有可能,在JS)外边框。如何画一个圆圈,并填充颜色

其实我的愿望是不是有此作为的形象,是一类组填充颜色的百分比(或JS,如果这是不可能的)

enter image description here

任何教程/帮助非常感谢。

谢谢。

回答

4

你不能达到这个结果与CSS。你必须使用一个canvas元素,并像http://paperjs.org/

+0

好吧,那你对在JS的教程?我甚至不知道我想要做的英文名字......它可以帮助我在网上搜寻资源;-) – 2012-03-26 12:33:13

+0

首先尝试一些来自http://paper.js/tutorials/的教程。并且在完成它们并理解这个框架之后,您可以构建一个自己的脚本来为加载栏设置动画。或者你做它相对静态和使用http://www.jqplot.com/tests/pie-donut-charts.php – QQping 2012-03-26 12:36:54

3

JavaScript框架还可以与SVG做到这一点。定义一个渐变,然后绘制一个弧线,并用渐变填充它。您还可以在路径上指定行内标记。

+0

但所有浏览器对SVG的支持不仅仅是坏的。目前我使用SVG工作,这让我疯狂。 – QQping 2012-03-27 15:01:28