javascript - 可视化调色板查询javascript circosjs

Question

我正在使用 javascript 库进行一些可视化 (circosjs)。

在 CSS 文件中，我看到了这个。 https://cdn.rawgit.com/nicgirault/circosJS/master/dist/colorBrewer.css

我可以知道这个表示的实际含义吗？

.YlOrBr .q0-3{fill:rgb(255,247,188)}
.YlOrBr .q1-3{fill:rgb(254,196,79)}
.YlOrBr .q2-3{fill:rgb(217,95,14)}

Answer 1

The fill property can accept any CSS color value.

• Named colors — orange
• Hex colors — #FF9E2C
• RGB and RGBa colors — rgb(255, 158, 44) and rgba(255, 158, 44, .5)
• HSL and HSLa colors — hsl(32, 100%, 59%) and hsla(32, 100%, 59%, .5)

As a bonus, fill also accepts the patterns of SVG shapes that are defined inside of a defs element:

https://css-tricks.com/almanac/properties/f/fill/

正如他们所说，CSS 中的填充属性用于填充 SVG 形状的颜色。