Snap.svg demo之Snap.getRGB()
Snap.getRGB(color)
解析颜色字符串为RGB对象。
参数
color
字符串。下面任意一种类型的字符串:
- 颜色关键字。(
red
, green
, cornflowerblue
, 等) 关于CSS中147个颜色关键字可以点击这里参考。
- #••• — 短缩写的HTML颜色: (
#000
, #fc0
, 等)
- #•••••• — 全长度HTML颜色: (
#000000
, #bd2300
)
- rgb(•••, •••, •••) — 红绿蓝通道值: (
rgb(200, 100, 0)
)
- rgba(•••, •••, •••, •••) — 还有透明度
- rgb(•••%, •••%, •••%) — 与上面一样,不过是百分比形式: (
rgb(100%, 175%, 0%)
)
- rgba(•••%, •••%, •••%, •••%) — 还有透明度
- hsb(•••, •••, •••) — 色调,饱和度和亮度值: (
hsb(0.5, 0.25, 1)
)
- hsba(•••, •••, •••, •••) — 还有透明度
- hsb(•••%, •••%, •••%) — 与上面一样,不过是百分比形式
- hsba(•••%, •••%, •••%, •••%) — 还有透明度
- hsl(•••, •••, •••) — 色调,饱和度和亮度值: (
hsb(0.5, 0.25, 0.5)
)
- hsla(•••, •••, •••, •••) — 还有透明度
- hsl(•••%, •••%, •••%) — 与上面一样,不过是百分比形式
- hsla(•••%, •••%, •••%, •••%) — 还有透明度
返回值
对象。格式类似下面:
- {
r
数值。红色。
g
数值。绿色。
b
数值。蓝色。
hex
字符串。十六进制格式颜色值,HTML/CSS使用的格式: #••••••
.
error
布尔值。字符串是否可以解析。
- }
使用
console.dir(Snap.getRGB("indianred"));
控制台输出