Dart CanvasGradient用法及代码示例

表示渐变的不透明画布对象。

通过在 CanvasRenderingContext2D 对象上调用方法 CanvasRenderingContext2D.createLinearGradient 或 CanvasRenderingContext2D.createRadialGradient 创建。

示例用法：

var canvas = new CanvasElement(width: 600, height: 600);
var ctx = canvas.context2D;
ctx.clearRect(0, 0, 600, 600);
ctx.save();
// Create radial gradient.
CanvasGradient gradient = ctx.createRadialGradient(0, 0, 0, 0, 0, 600);
gradient.addColorStop(0, '#000');
gradient.addColorStop(1, 'rgb(255, 255, 255)');
// Assign gradients to fill.
ctx.fillStyle = gradient;
// Draw a rectangle with a gradient fill.
ctx.fillRect(0, 0, 600, 600);
ctx.save();
document.body.children.add(canvas);

也可以看看：

• CanvasGradient 来自 MDN。
• CanvasGradient 来自 WHATWG。
• CanvasGradient 来自 W3C。

注释

@Native("CanvasGradient")