drawImageScaledFromSource 方法

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

图像是位于源点 (sourceX, sourceY) 的 sourceWidth 宽和 sourceHeight 高的区域。图像将被绘制到当前上下文中，其左上角位于 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。