Метод drawImage
- @DomName('CanvasRenderingContext2D.drawImage')
Отображает изображение из CanvasImageSource на этом холсте.
Целое изображение из source будет отображено в этом контексте с левым верхним углом в точке (destX, destY). Если изображение больше, чем позволяет холст, оно будет обрезано для отображения в доступном пространстве.
CanvasElement canvas = new CanvasElement(width: 600, height: 600);
CanvasRenderingContext2D ctx = canvas.context2D;
ImageElement img = document.query('img');
ctx.drawImage(img, 100, 100);
VideoElement video = document.query('video');
ctx.drawImage(video, 0, 0);
CanvasElement otherCanvas = document.query('canvas');
otherCanvas.width = 100;
otherCanvas.height = 100;
ctx.drawImage(otherCanvas, 590, 590); // will get clipped
См. также:
-
CanvasImageSource для получения дополнительной информации о том, какие данные извлекаются из
source. - drawImage из WHATWG.
Источник
@DomName('CanvasRenderingContext2D.drawImage')
void drawImage(CanvasImageSource source, num destX, num destY) {
_drawImage(source, destX, destY);
}
© 2012 the Dart project authors
Licensed under the Creative Commons Attribution-ShareAlike License v4.0.
https://api.dartlang.org/stable/1.24.3/dart-html/CanvasRenderingContext2D/drawImage.html