HTML DOM CanvasGradient 对象

CanvasGradient 对象用于一个画布中的一个颜色渐变。

CanvasGradient 对象

CanvasGradient 对象表示一个颜色渐变,该渐变可以使用 CanvasRenderingContext2D 对象的 strokeStyle 属性和 fillStyle 属性来指定。

CanvasRenderingContext2D 对象的 createLinearGradient() 方法createRadialGradient() 方法都返回 CanvasGradient 对象。

一旦创建了一个 CanvasGradient 对象,就使用 addColorStop() 方法来指定应该出现在渐变中各个位置的颜色。在指定的位置之间,颜色通过插值来产生一个平滑的渐变或过度。在渐变的开始处和结束处显式地创建透明的黑色色标。

CanvasGradient 对象的方法

方法 描述
addColorStop() 在渐变中的某一点添加一个颜色变化。

参阅

CanvasRenderingContext2D.createLinearGradient()

CanvasRenderingContext2D.createRadialGradient()

JS 参考手册

JavaScript

HTML DOM

Web API

HTML 对象

其他参考手册

目录