Dart CanvasRenderingContext2D.drawImageToRect用法及代码示例

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

图像将被绘制到由 destRect 定义的画布区域。 sourceRect 定义绘制的源图像的区域。如果没有提供sourceRect，那么来自source 的整个矩形图像将被绘制到这个上下文中。

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

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 20x20.
ctx.drawImageToRect(img, new Rectangle(50, 50, 20, 20));

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

// Draw the top 100x20 pixels from the otherCanvas.
CanvasElement otherCanvas = document.query('canvas');
ctx.drawImageToRect(otherCanvas, new Rectangle(0, 0, 100, 20),
    sourceRect: new Rectangle(0, 0, 100, 20));

也可以看看：

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