关于css:svg07svg中颜色表示的方式-HSL

47次阅读

共计 225 个字符,预计需要花费 1 分钟才能阅读完成。

除了惯例的英语单词(如 pink), rgb、rgba 等色彩示意,svg 中还能够应用 HSL

H(色彩)S(饱和度)L(亮度)A(透明度)

  • H : 取值范畴 [0, 359]
  • S、L:取值范畴 [0, 100] %
  • A:非必填,取值范畴 [0, 1]

如:

<svg>
  <rect stroke="hsla(0, 50%, 60%, 0.5)" stroke-width="2" width="100" height="100" fill="none" x="10" y="10"></rect>
</svg>

正文完
 0