CanvasGradient - 表示描述渐变的不透明对象
CanvasGradient 接口表示描述渐变的不透明对象。它由方法 CanvasRenderingContext2D.createLinearGradient() 或 CanvasRenderingContext2D.createRadialGradient() 返回。
它可以用作 fillStyle 或 strokeStyle。
属性
作为不透明的对象，没有公开的属性。
方法
没有继承的方法。
CanvasGradient.addColorStop()
在渐变中添加一个由 offset 和 color 定义的新断点。如果偏移量不在 0 和 1 之间，则产生 INDEX_SIZE_ERR，如果颜色无法解析为 CSS <color>SYNTAX_ERR。
规范
| 规范 | 状态 | 备注 |
|---|---|---|
| HTML Living Standard CanvasGradient 的定义 |
现行的标准 | - |
桌面浏览器兼容性
| 特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基础支持 | 4 | 支持 | 3.61 | 9 | 9 | 3.1 |
addColorStop |
支持 | 12 | 支持 | 支持 | 支持 | 支持 |
移动浏览器兼容性
| 特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| 基础支持 | 未知 | 2.1 | 支持 | 4 | 未知 | 10.0 | 3.2 |
addColorStop |
未知 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
1. 在 Firefox 5.0 之前，通过调用 addColorStop() 添加颜色断点时指定非有限值会错误地抛出 SYNTAX_ERR 而不是 INDEX_SIZE_ERR。
相关链接
-
CanvasRenderingContext2D中的 Creator 方法。 -
<canvas>元素及其关联的接口，HTMLCanvasElement。