dart:html
库中CanvasPattern
类的用法介绍如下。
表示图像、画布或视频模式的不透明对象。
通过在 CanvasRenderingContext2D 对象上调用 CanvasRenderingContext2D.createPattern 创建。
示例用法:
var canvas = new CanvasElement(width: 600, height: 600);
var ctx = canvas.context2D;
var img = new ImageElement();
// Image src needs to be loaded before pattern is applied.
img.onLoad.listen((event) {
// When the image is loaded, create a pattern
// from the ImageElement.
CanvasPattern pattern = ctx.createPattern(img, 'repeat');
ctx.rect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = pattern;
ctx.fill();
});
img.src = "images/foo.jpg";
document.body.children.add(canvas);
也可以看看:
- CanvasPattern 来自 MDN。
- CanvasPattern 来自 WHATWG。
- CanvasPattern 来自 W3C。
- 注释
-
@Native("CanvasPattern")
相关用法
- Dart CanvasRenderingContext2D.drawImageScaledFromSource用法及代码示例
- Dart CanvasRenderingContext2D.drawImageScaled用法及代码示例
- Dart CanvasRenderingContext2D.drawImage用法及代码示例
- Dart CanvasRenderingContext2D.drawImageToRect用法及代码示例
- Dart CanvasGradient用法及代码示例
- 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大神的英文原创作品 CanvasPattern class。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。