Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何绘制圆并用颜色填充外部边界_Javascript_Html_Css - Fatal编程技术网

Javascript 如何绘制圆并用颜色填充外部边界

Javascript 如何绘制圆并用颜色填充外部边界,javascript,html,css,Javascript,Html,Css,我想知道是否有可能在CSS 2/3中实现这一点(或者如果不可能,在JS中) 事实上,我的愿望不是把它作为一个图像,而是用一个类设置填充颜色的百分比(如果不可能的话,用js) 欢迎提供任何指导/帮助 谢谢。使用css无法实现此结果。您必须使用canvas元素和类似于的javascript框架,您还可以使用SVG实现这一点。定义一个渐变,然后画一条弧,并用渐变填充它。还可以在路径上指定内联标记 好的,那你有JS的教程吗?我甚至不知道我想做什么的英文名字。。。它可以帮助我在网上编辑资源;-)首先,尝

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

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

欢迎提供任何指导/帮助


谢谢。

使用css无法实现此结果。您必须使用canvas元素和类似于

的javascript框架,您还可以使用SVG实现这一点。定义一个渐变,然后画一条弧,并用渐变填充它。还可以在路径上指定内联标记

好的,那你有JS的教程吗?我甚至不知道我想做什么的英文名字。。。它可以帮助我在网上编辑资源;-)首先,尝试一些教程,在您完成这些教程并稍微了解这个框架之后,您可以构建自己的脚本来设置加载条的动画。或者您可以相对静态地使用SVG,但所有浏览器对SVG的支持都非常糟糕。目前我使用SVG,它让我发疯。