drawImageScaledFromSource 方法

从 CanvasImageSource 中绘制图像到该画布的指定区域。

图像是 source 的一个区域，宽度为 sourceWidth，高度为 sourceHeight，其左上角位于 (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。