drawImageScaled 方法
- @JSName('drawImage')
- CanvasImageSource source,
- num destX,
- num destY,
- num destWidth,
- num destHeight
将一个 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
获取的数据信息。 - 来自 WHATWG 的 drawImage。
实现
@JSName('drawImage')
void drawImageScaled(CanvasImageSource source, num destX, num destY,
num destWidth, num destHeight) native;