javascript - 如何在 html 和 css 中创建多色圆圈

标签 javascript html css

我想创建一个根据某些值分为 6 个扇形的圆,扇形的 Angular 取决于某些参数。参数值越大,圆的弧度越大。

按照我的理解,它可以通过制作一个具有这 6 个不同部分的圆圈来构建,然后将另一个 div 放在上面,从而产生类似白色环的效果。我知道如何创建圆圈,但无法理解如何将其动态划分为不同颜色的扇区。

这甚至可以用 CSS 实现吗,是否存在使用 Javascript 的解决方案。任何帮助将不胜感激。

circle

最佳答案

HTML5 Canvas 是必经之路。以下是一些学习链接:

W3C Specification

Kinetic.js

关于javascript - 如何在 html 和 css 中创建多色圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16378363/

相关文章:

javascript - 使数据表列在单击按钮时调整大小

javascript - 如果vue js中的json响应中没有数据,如何才能显示 "No data"?

c# 从代码后面更改javascript变量的值

javascript - 渲染许多元素时 react 很慢

javascript - 转义我的 HTML 字符

javascript - jquery 问题与 tr 单击更改复选框

javascript - 从大文件中获取最后 5 行

html - Bootstrap - 第二列顶部填充?

css - :not selector does not work for nested elements

javascript - 移动设备的屏幕宽度(android和ipod)