當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


Dart CanvasPattern用法及代碼示例


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);

也可以看看:

注釋

@Native("CanvasPattern")

相關用法


注:本文由純淨天空篩選整理自dart.dev大神的英文原創作品 CanvasPattern class。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。