dart:html
庫中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")
相關用法
- Dart CanvasRenderingContext2D.drawImageScaledFromSource用法及代碼示例
- Dart CanvasRenderingContext2D.drawImageScaled用法及代碼示例
- Dart CanvasRenderingContext2D.drawImage用法及代碼示例
- Dart CanvasRenderingContext2D.drawImageToRect用法及代碼示例
- Dart CanvasPattern用法及代碼示例
- Dart CanvasElement.toDataUrl用法及代碼示例
- Dart ContentType.text用法及代碼示例
- Dart ContentType.parse用法及代碼示例
- Dart Completer用法及代碼示例
- Dart Completer.completeError用法及代碼示例
- Dart Completer.sync用法及代碼示例
- Dart Comparable用法及代碼示例
- Dart Codec.fuse用法及代碼示例
- Dart Completer構造函數用法及代碼示例
- Dart MapMixin.containsKey用法及代碼示例
- Dart Iterator用法及代碼示例
- Dart AttributeClassSet.intersection用法及代碼示例
- Dart num.sign用法及代碼示例
- Dart TransformList.last用法及代碼示例
- Dart FileList.first用法及代碼示例
- Dart FileList.length用法及代碼示例
- Dart Iterable.takeWhile用法及代碼示例
- Dart LinkedHashMap用法及代碼示例
- Dart RegExp.pattern用法及代碼示例
- Dart StreamTransformer構造函數用法及代碼示例
注:本文由純淨天空篩選整理自dart.dev大神的英文原創作品 CanvasGradient class。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。