CanvasContext.setFillStyle

解释:设置填充色。

方法参数

Color color

示例

在开发者工具中预览效果

扫码体验

CanvasContext.setFillStyle - 图1请使用百度APP扫码

图片示例

图片

代码示例

  1. const canvasContext = this.createCanvasContext('myCanvas');
  2. canvasContext.setFillStyle('blue');
  3. canvasContext.fillRect(30, 30, 150, 75);
  4. canvasContext.draw();

代码示例 - 使用十六进制函数

在开发者工具中预览效果

  1. const canvasContext = this.createCanvasContext('myCanvas');
  2. canvasContext.setFillStyle('#ffff00');
  3. canvasContext.fillRect(30, 30, 150, 75);
  4. canvasContext.draw();

代码示例 - 使用rgba()函数

在开发者工具中预览效果

  1. const canvasContext = this.createCanvasContext('myCanvas');
  2. const lineRGB = '255,255,0';
  3. const opacity = 0.3;
  4. canvasContext.setFillStyle(`rgba(${lineRGB}, ${opacity})`);
  5. canvasContext.fillRect(30, 30, 150, 75);
  6. canvasContext.draw();