在此页

• 特性
• 方法
• 规范
• 浏览器兼容性
• 另请参阅
• 相关话题

CanvasGradient interface represents an opaque object describing a gradient. It is returned by the methods CanvasRenderingContext2D.createLinearGradient() or CanvasRenderingContext2D.createRadialGradient() .

It can be used as a fillStyle or strokeStyle .

特性

As an opaque object, there is no exposed property.

方法

There is no inherited method.

CanvasGradient.addColorStop()

Adds a new stop, defined by an offset 和 color , to the gradient. If the offset is not between 0 and 1 , inclusive, an INDEX_SIZE_ERR is raised; if the color can't be parsed as a CSS <color> ， SYNTAX_ERR 被引发。

规范

规范	状态	注释
HTML 实时标准 The definition of 'CanvasGradient' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
CanvasGradient	Chrome 4	Edge 12	Firefox 3.6 3.6 Before Firefox 5.0, specifying non-finite values when adding color stops through a call to addColorStop() incorrectly throws SYNTAX_ERR 而不是 INDEX_SIZE_ERR .	IE 9	Opera 9	Safari 3.1	WebView Android Yes	Chrome Android 18	Firefox Android 4	Opera Android 10.1	Safari iOS 3.2	Samsung Internet Android 1.0
addColorStop	Chrome Yes	Edge 12	Firefox 3.6	IE Yes	Opera Yes	Safari Yes	WebView Android Yes	Chrome Android Yes	Firefox Android 4	Opera Android Yes	Safari iOS Yes	Samsung Internet Android Yes

图例

完整支持

完整支持

见实现注意事项。

另请参阅

• Creator methods in CanvasRenderingContext2D .
• <canvas> element and its associated interface, HTMLCanvasElement .

元数据

• 最后修改： 2019 年 3 月 23 日

相关话题

1. 画布 API
2. CanvasGradient
3. 方法

   1. addColorStop()
4. Related pages for Canvas API

   1. Canvas
   2. CanvasImageSource
   3. CanvasPattern
   4. CanvasRenderingContext2D
   5. HTMLCanvasElement
   6. ImageBitmap
   7. ImageBitmapFactories
   8. ImageBitmapRenderingContext
   9. ImageData
   10. OffscreenCanvas
   11. Path2D
   12. RenderingContext
   13. TextMetrics