метод drawImageScaledFromSource
- @JSName('drawImage')
Рисует изображение из CanvasImageSource в области этого холста.
Изображение представляет собой область source шириной sourceWidth и высотой destHeight, левый верхний угол которой находится в точке (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.
Реализация
@JSName('drawImage')
void drawImageScaledFromSource(
CanvasImageSource source,
num sourceX,
num sourceY,
num sourceWidth,
num sourceHeight,
num destX,
num destY,
num destWidth,
num destHeight) native;
© 2012 the Dart project authors
Licensed under the BSD 3-Clause "New" or "Revised" License.
https://api.dart.dev/stable/2.19.6/dart-html/CanvasRenderingContext2D/drawImageScaledFromSource.html