CanvasContext.createLinearGradient

解释:创建一个线性的渐变颜色。

方法参数

示例

在开发者工具中预览效果

扫码体验

请使用百度APP扫码

图片示例

代码示例

  1. const canvasContext = this.createCanvasContext('myCanvas');// Create linear gradientconst grd = canvasContext.createLinearGradient(0, 0, 200, 0);grd.addColorStop(0, 'blue');grd.addColorStop(1, 'red');// Fill with gradientcanvasContext.setFillStyle(grd);canvasContext.fillRect(30, 30, 150, 80);canvasContext.draw();