Dart CanvasRenderingContext2D.drawImageScaledFromSource用法及代碼示例

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

用法:

@JSName('drawImage')   

void drawImageScaledFromSource(
   CanvasImageSource source,    
   num sourceX,    
   num sourceY,    
   num sourceWidth,    
   num sourceHeight,    
   num destX,    
   num destY,    
   num destWidth,    
   num destHeight   
)
      @JSName('drawImage')

將圖像從 CanvasImageSource 繪製到此畫布的某個區域。

該圖像是source 的區域，其寬度為sourceWidth，高度為destHeight，左上角位於(sourceX，sourceY)。圖像將被繪製到此上下文，其左上角位於點 (destX、destY)，並將縮放為 destWidth 寬和 destHeight 高。

如果圖像大於畫布允許的大小，則圖像將被剪裁以適應可用空間。

VideoElement video = document.query('video');
video.width = 100;
video.height = 100;
// Take the middle 20x20 pixels from the video and stretch them.
ctx.drawImageScaledFromSource(video, 40, 40, 20, 20, 50, 50, 100, 100);

// Draw the top 100x20 pixels from the otherCanvas to this one.
CanvasElement otherCanvas = document.query('canvas');
ctx.drawImageScaledFromSource(otherCanvas, 0, 0, 100, 20, 0, 0, 100, 20);

也可以看看：

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

相關用法

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