Dart CanvasRenderingContext2D.drawImage用法及代碼示例

dart:html 庫中CanvasRenderingContext2D.drawImage 方法的用法介紹如下。

用法:

@JSName('drawImage')   

void drawImage(
   CanvasImageSource source,    
   num destX,    
   num destY   
)
      @JSName('drawImage')

將圖像從 CanvasImageSource 繪製到此畫布。

source 中的整個圖像將被繪製到該上下文，其左上角位於該點(destX，destY)。如果圖像大於畫布允許的大小，則圖像將被剪裁以適應可用空間。

CanvasElement canvas = new CanvasElement(width: 600, height: 600);
CanvasRenderingContext2D ctx = canvas.context2D;
ImageElement img = document.query('img');

ctx.drawImage(img, 100, 100);

VideoElement video = document.query('video');
ctx.drawImage(video, 0, 0);

CanvasElement otherCanvas = document.query('canvas');
otherCanvas.width = 100;
otherCanvas.height = 100;
ctx.drawImage(otherCanvas, 590, 590); // will get clipped

也可以看看：

CanvasImageSource 有關從 source 檢索哪些數據的更多信息。
drawImage 來自 WHATWG。

相關用法

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