Dart CanvasRenderingContext2D.drawImageScaled用法及代码示例

dart:html 库中CanvasRenderingContext2D.drawImageScaled 方法的用法介绍如下。

用法:

@JSName('drawImage')   

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

将图像从 CanvasImageSource 绘制到此画布的某个区域。

图像将被绘制到此上下文，其左上角位于点(destX、destY)，并将缩放为 destWidth 宽和 destHeight 高。

如果图像大于画布允许的大小，则图像将被剪裁以适应可用空间。

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

// Scale the image to 300x50 at the point (20, 20)
ctx.drawImageScaled(img, 20, 20, 300, 50);

也可以看看：

CanvasImageSource 有关从 source 检索哪些数据的更多信息。
drawImage 来自 WHATWG。

相关用法

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