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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。