当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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,左上角位于(sourceXsourceY)。图像将被绘制到此上下文,其左上角位于点 (destXdestY),并将缩放为 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);

也可以看看:

相关用法


注:本文由纯净天空筛选整理自dart.dev大神的英文原创作品 drawImageScaledFromSource method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。