An opaque canvas object representing a gradient.
Created by calling createLinearGradient
or createRadialGradient
on a CanvasRenderingContext2D object.
Example usage:
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);
See also:
© 2012 the Dart project authors
Licensed under the Creative Commons Attribution-ShareAlike License v4.0.
https://api.dartlang.org/stable/2.0.0/dart-html/CanvasGradient-class.html