HTML5 Canvas 起步(3)-颜色与渐变
程序员文章站
2022-04-01 17:12:01
...
Canvas 中的基本颜色系统
在 Canvas 中,颜色主要用途就是在绘制路径时,用来指定填充颜色和边框颜色。
Canvas 中的颜色参数值有两种格式:
1. 如果透明度为 1.0,也就是不透明,颜色值的格式就与一般使用一样,为:#AABBCC,其中 AA、BB、CC 分别为 Red、Green、Blue 分量。
2. 如果透明度不为 1.0,也就是带透明,颜色值格式可以使用 rgba(r, g, b, a),其中 r、g、b、a 分别为 Red、Green、Blue 分量和透明度。透明度的值为 0 至 1.0 之间的一个数值。
3. 颜色值还可以为已知的颜色名称,例如 red、blue、green 等。
总的说来,Canvas 中颜色值的格式与 CSS 中一致,因此颜色值没有特别需要注意的地方。
在 Canvas 中,颜色主要用途就是在绘制路径时,用来指定填充颜色和边框颜色。
Canvas 中的颜色参数值有两种格式:
1. 如果透明度为 1.0,也就是不透明,颜色值的格式就与一般使用一样,为:#AABBCC,其中 AA、BB、CC 分别为 Red、Green、Blue 分量。
2. 如果透明度不为 1.0,也就是带透明,颜色值格式可以使用 rgba(r, g, b, a),其中 r、g、b、a 分别为 Red、Green、Blue 分量和透明度。透明度的值为 0 至 1.0 之间的一个数值。
3. 颜色值还可以为已知的颜色名称,例如 red、blue、green 等。
总的说来,Canvas 中颜色值的格式与 CSS 中一致,因此颜色值没有特别需要注意的地方。
推荐阅读
-
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例_html5教程技巧
-
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
-
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
-
详解HTML5 Canvas绘制时指定颜色与透明度的方法
-
html5 Canvas画图教程(2)—画直线与设置线条的样式如颜色/端点/交汇点
-
HTML5 Canvas实现图片缩放、翻转、颜色渐变的代码示例
-
详解HTML5 Canvas绘制时指定颜色与透明度的方法
-
突袭HTML5之Canvas 2D入门3 - 变换、组合与动画
-
突袭HTML5之Canvas 2D入门3-变换与组合
-
CSS3颜色值RGBA与渐变色使用介绍